The Lyrics Music App is an elegant React.js application that allows users to search for songs and listen to their favorite music. It utilizes various technologies such as React, Redux Toolkit, Shazam API from RapidAPI, Tailwind CSS, and routing.
The Lyrics Music App provides the following features:
-
Search for song: Users can search for songs and lyrics by entering the song title or artist name in the search bar.
-
Listen to music: Users can listen to their favorite music by playing the songs available in the app.
-
Shazam API integration: The app utilizes the Shazam API from RapidAPI to fetch song lyrics and other related information.
-
Responsive design: The app is built using Tailwind CSS, which provides a responsive and mobile-friendly user interface.
-
Routing: The app uses React Router to handle navigation between different pages.
Before getting started with the development of the Lyrics Music App, make sure you have the following tools installed on your system:
-
Git: Version 2.13.1 or higher. If you don't have it already, you can download it from here. To check your Git version, run the following command in your terminal:
git --version
-
Node.js: Version 16.15.1 or higher. If you don't have it already, you can download it from here. To check your Node.js version, run the following command in your terminal:
node --version
-
npm: Version 5.6.1 or higher. npm comes bundled with Node.js, so if you have installed Node.js, you should already have npm. To check your npm version, run the following command in your terminal:
npm --version
To set up the development environment for the Lyrics Music App, follow these steps:
-
Clone the repository
git clone https://github.com/MianFaizanAmir0053/Lyriks-Music-App.git
-
Change to the project directory
cd Lyriks-Music-App
-
Install the dependencies
npm install
If you encounter any errors during the installation, please check the console for more information.
If the installation completes without any errors, you are ready to start the development.
-
Run the app
npm run dev
The project will be running in your browser.
Open http://localhost:3000 to view it in your browser.
Feel free to explore the app and enjoy searching for song lyrics and listening to music!