Guess The Lyrics is an interactive web game that challenges users to test their knowledge of song lyrics. Players select songs, fill in missing lyrics, and track their accuracy as they play.
This project demonstrates front-end development skills with React.js, user interaction design, and dynamic data handling.
Test the game online with a few pre-added songs: Click here
- Interactive lyric guessing game with live scoring.
- Supports multiple song categories and future expansion to subcategories.
- Real-time input validation and feedback on correct/incorrect lyrics.
- Built with a clean, responsive UI for web browsers.
-
Select a Category
Choose a music genre (and eventually a subcategory) to start playing. -
Pick a Song
Browse a list of available songs in the chosen category and select one. -
Guess the Lyrics
Type your guesses into the input fields. Correct guesses appear in the lyric table in real-time. -
Track Your Score
The score updates as you correctly guess lyrics, allowing players to see their accuracy instantly.
Currently under development – More genres and subcategories will be added in future updates.
- React.js – Front-end development and dynamic UI rendering
- Node.js – Development environment
- CSS – Styling and layout design
To run the project locally:
-
Clone the repository
git clone https://github.com/yourusername/guess-the-lyrics.git cd guess-the-lyrics -
Install dependencies
npm install
-
Start the development server
npm start
-
Open in browser
Visit http://localhost:3000 to play the game.
New songs can be added or edited by modifying the src/songs.js file.
Follow the existing data structure to ensure consistent functionality.