Skip to content

oyerohabib/hng-12-FE-stage-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Color Guessing Game

A fun and interactive color guessing game built with HTML, CSS, and vanilla JavaScript. Test your color perception skills by matching the displayed color with the correct option.

Features

  • Random color generation for each round
  • Six color options to choose from
  • Score tracking
  • Two attempts per round
  • Responsive design for all devices
  • Animated feedback for correct and incorrect guesses

How to Play

  1. Look at the color displayed in the box on the left side
  2. Choose the matching color from the six options on the right
  3. You have two attempts per round:
    • First wrong guess: You get one more try
    • Second wrong guess: Game over, score resets
  4. Score increases with each correct guess
  5. Click "New Game" to reset the game and start over

Game Rules

  • Match the target color with one of the six options provided
  • You get two attempts to guess the correct color
  • Correct guess: +1 point and move to next round
  • Two wrong guesses: Game over, score resets to 0
  • Use the "New Game" button to reset the game at any time

Technical Details

The game is built using:

  • HTML5
  • CSS3 (with animations and responsive design)
  • Vanilla JavaScript (no frameworks)

Setup

  1. Clone the repository
  2. Open index.html in your web browser
  3. Start playing!

No additional setup or dependencies required.

Browser Compatibility

The game works on all modern browsers:

  • Chrome
  • Firefox
  • Safari
  • Edge

License

This project is open source and available under the MIT License.