Skip to content

The Lyrics Music App is a React.js application that allows users to search for songs and listen to their favorite music. It utilizes technologies such as React, Redux Toolkit, Shazam API from RapidAPI, and Tailwind CSS for a responsive and elegant user interface. With this app, users can easily find lyrics for any song and enjoy music seamlessly.

Notifications You must be signed in to change notification settings

MianFaizanAmir0053/Lyriks-Music-App

Repository files navigation

Lyrics Music App

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.

Features

The Lyrics Music App provides the following features:

  1. Search for song: Users can search for songs and lyrics by entering the song title or artist name in the search bar.

  2. Listen to music: Users can listen to their favorite music by playing the songs available in the app.

  3. Shazam API integration: The app utilizes the Shazam API from RapidAPI to fetch song lyrics and other related information.

  4. Responsive design: The app is built using Tailwind CSS, which provides a responsive and mobile-friendly user interface.

  5. Routing: The app uses React Router to handle navigation between different pages.

System Requirements

Before getting started with the development of the Lyrics Music App, make sure you have the following tools installed on your system:

  1. 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
  2. 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
  3. 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

Setup

To set up the development environment for the Lyrics Music App, follow these steps:

  1. Clone the repository

    git clone https://github.com/MianFaizanAmir0053/Lyriks-Music-App.git
  2. Change to the project directory

    cd Lyriks-Music-App
  3. 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.

  4. 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!

About

The Lyrics Music App is a React.js application that allows users to search for songs and listen to their favorite music. It utilizes technologies such as React, Redux Toolkit, Shazam API from RapidAPI, and Tailwind CSS for a responsive and elegant user interface. With this app, users can easily find lyrics for any song and enjoy music seamlessly.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages