Music-App

Discover Page

Top Artist

Weekend(Search your fav songs)

Technologies

1.React.js (Next.js)

2.API's:

a) Use Shazam Core API to gather music data.

b) Use IP Geolocation API to get the user’s location.

3.Libraries:

a) UI kit- Tailwind CSS (You can choose any Material UI or plain CSS)

b) Redus Toolkit for organised API calls

Functionalities

1.Homepage - Users can search any song and get the songs for that genre.

2.Artists Page - Users can see a list of the most famous artists.

3.Song Details Page -Users can see additional information about the song, such as the song’s music video and lyrics and a list of similar songs.

4.Music Player - Users can click on player which includes basic controls such as previous song, the next song, and pause/play buttons. Additional details such as the song’s name, author, volume, repeat, and duration controls are a plus.

5.Exceptional Design - Everyone loves a beautiful user interface. So brand it as a real app and stay consistent with the colors, icons, and design.

6.Search Functionality - Users can start typing artists or song names, and results based on their search will show up.

Future Work

1. Explore - User will be able to select the genre for particular song . Users will able to see top songs in their country.

Contributing

1.Fork it (https://github.com/priyans619/Songify-Music-App/fork)

2.Create new branch : git checkout -b new_feature

3.Commit your changes : git commit -am 'Added new_feature'

4.Push to the branch : git push origin new_feature

5.Submit a pull request.

System Requirements

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

1. git

   git version 2.40.0 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 9.5.0 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/priyans619/Songify-Music-App

2. Change directory to the project directory

   cd Songify-Music-App

3. Install the dependencies

   npm install / npm i

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

   If you don't get an error, you are ready to start your 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.

   ENJOY !!!!