Skip to content

onaranyusuf/lyrics-finder

Repository files navigation

React Lyrics Finder & Translator

Allows users to search for song lyrics and translate the found lyrics into various languages.

Demo

You can use it at this address: https://lyrics-translator.netlify.app

✨ Features

  • Search for songs by title and artist.
  • Display song details (title, artist, album cover).
  • Display song lyrics.
  • Show an informative message when lyrics are not found.
  • Translate lyrics into a selected language (uses Google Translate's unofficial API).
  • Loading indicators while fetching data and translating.
  • Simple and responsive interface (with Tailwind CSS).

🚀 Technologies Used

  • React
  • Vite
  • Tailwind CSS
  • JavaScript (ES6+)
  • Lyrics API (Consider specifying which one if applicable)
  • Google Translate API (Unofficial)

🔧 Installation and Setup

Follow these steps to run the project on your local machine:

  1. Clone the Project:

    git clone https://github.com/onaranyusuf/lyrics-finder.git
    cd lyrics-finder
  2. Install Dependencies:

    npm install
  3. Start the Development Server:

    npm run dev
  4. Open http://localhost:5173 (or the port specified by Vite) in your browser.


Author

Show your support!

Give a ⭐️ if this project helped you!

About

An application of finding and translating lyrics.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published