Music application made with the MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS).
Users can create an account, log in, listen to music, upload their own music, create playlists, add to favorites, and more.
Create an .env file, using variables from
.env.example
and add Firebase settings and Base URL (http://localhost:4000)
Then use npm
commands to install package dependencies and start up the application on localhost.
npm install
npm run dev
Technnologies used during app development include the following:
- HTML5
- CSS3
- JavaScript
- Vite
- ReactJS
- Styled Components
- Cloudinary
- Firebase
Dependencies and libraries included in this project:
- MaterialUI
- React Hook Form
- React Toastify
- React Tiny Popover
- SwiperJS
- React Beautiful DND
- Scrollbars 2
- React Icons
- Redux & Redux Toolkit
- RTK Query
- React Router Dom
- Music player code includes functionalities for play, pause, repeat, forward, back, shuffle and volume.
- Creating, Editing, and viewing playlists
- Uploading songs and user avatar
To test out the app, developers must clone the following repository:
git clone https://github.com/SquadTuring1/final-project-front.git
cd project-folder/
npm install
To set up the backend server, developers should clone the following repository:
git clone https://github.com/SquadTuring1/final-project-back.git
cd project-folder/
npm install
Users can access the application by logging in or registering.
© MIT
- Testing with JEST and Cypress
- Adding statistics collection using backend API with Laravel
- Creating search functionality
- Restructuring API queries, using endpoint injection with RTK Query.
- Integrate optimistic updates with favorites