https://github.com/rishabh672003/music-app
https://github.com/rishabh672003/music-app
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/rishabh672003/music-app
- Owner: Rishabh672003
- License: gpl-3.0
- Created: 2024-10-27T06:23:38.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T05:01:22.000Z (8 months ago)
- Last Synced: 2025-02-07T17:36:57.814Z (4 months ago)
- Language: TypeScript
- Homepage: https://music-app-indol-beta.vercel.app
- Size: 15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-app-simple-music-app
A Simple Music Application using [React JS](https://react.dev/learn), a JavaScript library to make awesome UI by Facebook, [Node JS](https://nodejs.org/en/docs), [Express JS](https://expressjs.com/en/api.html) and [MongoDB](https://docs.mongodb.com/).
This application uses **component oriented UI** creation paradigm. All components are written in [JSX](https://react.dev/learn/writing-markup-with-jsx) and ES6 style and are combined to get a single build for production purpose using [Webpack 5](https://webpack.js.org/concepts/).
## Features
1. Code is rewritten with latest version of [React JS](https://react.dev/learn) and [Node JS](https://nodejs.org/en/docs/).
2. Latest features of JavaScript i.e. **ESNext** is used.
3. Routing is written using [React Router](https://reactrouter.com/en/main/start/tutorial).
4. This is Full Stack Simple Music Application.
5. All the song details are stored in the [MongoDB Atlas](https://www.mongodb.com/cloud/atlas). This example uses a _free/ shared_ account. **So Please use it wisely**.
- Application is loaded with the songs.
- Listening of the songs is supported.
- Searching from the list of songs is possible.
10. Information about the song (Movie, Album, Artist) is available on click of the `i` icon.
11. Changing the rating is supported.
12. All the ratings are saved in the database i.e. _persistant_.
13. Listing of Top 5 songs _based on their rating_ is available.
## Installation
Clone the repository:
```bash
git clone https://github.com/rishabh672003/music-app.git
```
Navigate inside the directory and Install all the necessary dependencies:
```bash
cd music-app
# installing dependencies
npm install
```
Run the server:
```sh
npm run server:start
```
Open the web browser and type`http://localhost:3000` in the address bar to load the application.
_tested with latest version of 
[Google Chrome](https://www.google.com/chrome/) and 
[Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/)_