This project is a digital music platform, It's made for listening to music and making your favorite music collection. Spotify API is used to get tracks and albums, artists. Spotify API provides millions of music data. This project is made in the MERN stack.
- Full-Screen Mode
- Password login & Verification Based Sign Up
- Forgot password
- Google Login & Sign up
- Collections Clone & Custom Playlist Create and Edit & With Search Feature in Library
- History
- Search With Filter ( all, artists, albums, tracks)
- Search box allows Spotify Search Query (Example = artist:alan walker )
- Account Edit Option
- On the home page user's recent activity-based recommendation
- Link Copy Feature (Track, Album, Artist)
- Audio (track) Controls
- Light & Dark mode
- Responsive Design
- Only Users Can Play Audio (Tracks)
- get your spotify api key from https://developer.spotify.com/documentation/web-api/tutorials/getting-started
Make sure you have installed all of the following prerequisites on your development machine:
- Node Js & Npm Download and Install
- MongoDB Download and Install
- Git Download and Install
#vite #reactjs #scss #redux-toolkit
#nodejs #expressjs #mongodb #jsonwebtoken authentication
#javascript
#api
#spotify #music platform
To run this project, you will need to add the following environment variables to your .env file in server directory
PORT = 5000
MONGO_URL
SITE_URL
JWT_SECRET
SPOTIFY_ID
SPOTIFY_SECRET
MAIL_EMAIL
MAIL_SECRET
To run this project, you will need to add the following environment variables to your .env.local file in client directory
VITE_GOOGLE_CLIENT #Google login api client id
Clone the project
git clone https://github.com/ansonbenny/Music-Streamer##To Start BackEnd
Go to the server directory
cd Music-Streamer/serverInstall dependencies
npm installStart
npm start##To Start FrontEnd
Go to the client directory
cd Music-Streamer/clientInstall dependencies
npm installStart
npm run dev