Skip to content

repro123/guess-the-number

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Guess The Number 🎮

A fun and interactive number guessing game with multiple difficulty levels, built with HTML, Tailwind CSS, and JavaScript.

Features...✨

  • 3 Difficulty Modes

    • 🟢 Easy Mode: 20 attempts

    • 🟠 Hard Mode: 15 attempts

    • 🔴 Ultimate Mode: 10 attempts

  • Dynamic feedback messages with emoji reactions 😎

  • Color-coded UI indicators (green=win, red=lose, purple=theme)

  • High score tracking 🏆

  • Mobile-first responsive design 📱

  • Interactive modals for rules & mode selection

  • Custom scrollbar styling

  • Gradient text effects 🌈

Technologies Used 💻

  • HTML5

  • Tailwind CSS

  • Vanilla JavaScript

  • SVG icons

  • Google Fonts (Comic Neue, Coming Soon, Inter)

How to Play 🕹️

  1. Choose your difficulty level

  2. Guess numbers between 1-50

  3. Get color-coded hints (too high/low)

  4. Try to guess before attempts run out!

  5. Win → Reveal number & update high score

  6. Lose → Game over screen

  7. Click "Play Again" to restart

Game Rules 📜

  • Guess the hidden number (shown as ?)

  • Lose 1 point per wrong guess

  • Initial score = number of attempts

  • Win by guessing correctly

  • Lose if score reaches 0

  • High score persists between games

Contributing 🤝

Contributions are welcome! Please follow these steps:

  1. Fork the project

  2. Create your feature branch (git checkout -b feature/AmazingFeature)

  3. Commit changes (git commit -m 'Add some AmazingFeature')

  4. Push to branch (git push origin feature/AmazingFeature)

  5. Open a Pull Request

Designed by Bello Ibrahim

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published