Project AudioVerse Version 1.0

An elegant React.js Music Application. This project really helped me get a key understanding on api, state managemen tools (redux) and other frontend tools.

Technologies used

1. React.js
2. Redux
3. React-Router
4. Tailwind CSS
5. Rapid API (Shazam core API)
6. Swiper JS
7. Vite

Features: (As of Version 1.0)

1. Discover page
2. Top Artists
3. Top Songs
4. Search feature
5. Music player
6. Music player controls
7. Music details

Missing features (Due to API issue, possible development on it in future.)

1. Around you (Geo API is working)
2. Artist top songs
3. Related songs

System Requirements

To get started with development, you need to install few tools

1. git

   git version 2.13.1 or higher. Download git if you don't have it already.

   To check your version of git, run:

    git --version

2. node

   node version 16.15.1 or higher. Download node if you don't have it already.

   To check your version of node, run:

    node --version

3. npm

   npm version 5.6.1 or higher. You will have it after you install node.

   To check your version of npm, run:

    npm --version

Setup

To set up a development environment, please follow these steps:

1. Clone the repo

    git clone https://github.com/JavaScript-Mastery-PRO/project1_team4_repository.git

2. Change directory to the project directory

   cd project1_team4_repository

3. Install the dependencies

    npm install

   If you get an error, please check the console for more information.

   If you don't get an error, you are ready to start development.

4. Run the app

   npm run dev

   Project will be running in the browser.

   Open http://localhost:3000 to view it in your browser.