Synth

NOTE: This project is part of CS-554 coursework at Stevens for Spring 2023

Synth is a web application that allows you to stream audio and find new tracks. Synth allows you to make playlists and look for songs, artists, albums, or playlists. You can also explore artist and album pages, as well as listen to top tracks by an artist. The music player allows you to manage core functions like play/pause, continue, and volume control, as well as view song information like artist, album, and song length. You can update your profile picture, login, and password as well as manage your profile details.

Github Repo

https://github.com/namz11/synth
This is the main repo which holds the entire codebase. It has 2 github submodule repos for the backend and frontend code.
Backend-https://github.com/namz11/synth-backend
Frontend-https://github.com/namz11/synth-frontend

Set up

The root project contains the backend and frontend codebase for Synth. After cloning the main repo run the below command on the root of the project to clone the submodules.

git submodule update --init

Backend

From the root of the project, navigate to /backend & run the below scripts -

Install the node_modules using npm

npm install

Run the server. This will run the server on http://localhost:8888/

npm start or npm run devStart

Frontend

From the root of the project, navigate to /synth-frontend & run the below scripts -

Install the node_modules using npm

npm install

Run the client. This will run the client on http://localhost:3000/

npm run dev

Database

We are using Firebase products - Firestore & Cloud Storage. We have given firebase access to the email id - fappolonia@gmail.com. The link to our firebase console - https://console.firebase.google.com/u/0/project/synth-6f232/overview
We have created user with following credentials for you to test.

Production Builds

We have setup the following domains for our backend & frontend code using Vercel. They communicate with each other. Both prod builds are created of 'master' branches of the respective submodule repos mentioned above.

Main Website - https://synth-music.vercel.app/
Backend - https://synth-backend.vercel.app/api/

All our prod build use the below redis cloud credentials.
DB alias - redis-13481.c281.us-east-1-2.ec2.cloud.redislabs.com:13481
Username - default
Password - UcmL3LN30VRZ2LMZJKXngs9akGf57C2f

Staging Builds

We have setup the following staging environment for our backend & frontend code using Vercel to test our code. Both staging builds are created of 'dev' branches ONLY.

Main Website - https://synth-frontend-git-dev-namz11.vercel.app/
Backend - https://synth-backend-git-dev-namz11.vercel.app/

Limitations

We are using the spotify api which limits the number of devices playing music simultaneously to only one. So irrespective of the user logged in at a time only one person can play music on one device.
The datepicker gives some tota11y issues.

Contributors

We are the Bug Squashers.

_{Narmit Mashruwala}

_{Vatsal Patel}

_{Aman Patel}

_{Dominick Varano}

License

Synth is available under the MIT license. See the LICENSE file for more info.