Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chandangoswami07/spotify

This project is a clone of Spotify, built using the MERN stack. It demonstrates how to create a full-featured music streaming web application with a modern web development stack. The application allows users to browse and search for music, create playlists, and play tracks seamlessly.
https://github.com/chandangoswami07/spotify

Last synced: about 2 months ago
JSON representation

This project is a clone of Spotify, built using the MERN stack. It demonstrates how to create a full-featured music streaming web application with a modern web development stack. The application allows users to browse and search for music, create playlists, and play tracks seamlessly.

Awesome Lists containing this project

README 

        
# Spotify Clone 🎷🎶



![project-image](https://i.ibb.co/DpN18Nj/home-page.jpg)



## Description 📃



This is a full stack Spotify clone built using the MERN (MongoDB, Express.js, React.js, Node.js) stack.



![shields](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)

![shields](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)

![shields](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge)

![shields](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![shields](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)

![shields](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![shields](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)

![shields](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)

![shields](https://img.shields.io/badge/WebStorm-000000?style=for-the-badge&logo=WebStorm&logoColor=white)

![shields](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white)

![shields](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E)



## Project Screenshots 📸⚒️



### Featured Charts 💝

![project-screenshot](https://i.ibb.co/FzjfYsX/mega-hits.jpg)

![project-screenshot](https://i.ibb.co/Dkv3Vdh/top-50-global.jpg)

![project-screenshot](https://i.ibb.co/0mgPZkh/top-50-india.jpg)



### Admin Panel 🔏

![project-screenshot](https://i.ibb.co/WD9tHNy/admin-panel-1.jpg)



## Built with 🎯



Technologies used in the project:



- React: a library for web and native user interfaces

- Redux: lets your React components read data from a Redux store, and dispatch actions to the store to update state.

- MongoDB: a document database designed for ease of application development and scaling

- Node.js: A JavaScript runtime environment used to run the server-side application.

- Express.js: A web application framework for Node.js used to build the server-side API.



## Features ✨



Here are some of the project's best features:



- User authentication and authorization

- Search functionality to find songs, playlists, and artists

- Create, edit, and delete playlists and songs

- Play songs and control playback (play, pause, skip, etc.)

- Admin page for managing songs and seeing statistics

- Listen to songs in your queue

- Control player with MacBook Pro touch bar



## Installation Steps 🚶



Follow the instructions inside the `./spotify-admin`,`./spotify-backend` and `./spotify-clone` directories.



## Contributing 😋



### NOTE: Please use [this commit](https://github.com/Abhimanyu0p/spotify) if you want to clone this project. I started working V2 and commits after that might not be included in installation steps or create conflicts.



Contributions to this project are welcome! If you would like to contribute, please follow these steps:



1. Fork the repository

2. Create a new branch

3. Make your changes and commit them

4. Push your changes to your forked repository

5. Submit a pull request



Please make sure to follow the code style and include tests for your changes.



## License 🎗️



This project is licensed under the MIT License.