MixMax90

MixMax is a web application directly linked to Spotify, capable of generating 90 min playlists based on your favorite artists.

This project was originally created by Joshua Carter; Deddar and I collaborated to successfully refactor the project using TypeScript and implement testing protocols through collaborative paired programming efforts.

The Challenge

When we began working on the app, it was still in its initial stage. Several key functionalities were yet to be completed, and the code itself required additional structuring and organization.

The Changes

• Through this process, we introduced a service file to centralize API requests, enhancing organization.
• Multiple components were created to improve the overall structure and navigation of the website.
• TypeScript was adopted throughout the project to enhance code quality and maintainability.
• Tests were diligently created for these components to ensure robustness and reliability.

Technologies

• React
• Vite.js
• Vitest
• Spotify Web API
• Node.js
• Express.js
• Node.js
• MongoDB
• Mongoose
• TypeScript
• Jest.js

Get Started

1. Clone the repository

git clone [email protected]:andreeeeh/mixmax90.git

2. Install dependencies From client-Fat-Cow folder

npm install

From server-Fat-Cow folder

npm install

3. Configure your environment Edit client/.env && insert your API key and client secret from Spotify for Developers

cp client/.env.example client/.env

Edit server/.env && insert your instance of MongoDB (local or cloud)

cp server/.env.example server/.env

4. Run the project From the root folder

Starts the client

npm run dev:client

Starts the server

npm run dev:server