Skip to content

README.md

Latest commit

 

History

History
40 lines (26 loc) · 1.58 KB

README.md

File metadata and controls

40 lines (26 loc) · 1.58 KB

🎲 Guess the Number

A fun and interactive number guessing game built with React.js, JavaScript, and TailwindCSS. The player tries to guess a randomly generated number between 1 and 100, receiving instant feedback after each attempt.

🎯 Challenge Overview

🕒 Estimated Completion Time: 45 minutes

🛠️ Task Overview:

The goal is to create a simple, engaging guessing game that challenges users to guess the correct number. The UI should be clean, responsive, and easy to reset for multiple plays.

📌 Requirements:

  • 🎮 Game Mechanics:

    • Accept guesses between 1–100.
    • Provide feedback: too low, too high, or correct.
    • Disable input and buttons after a correct guess.

  • 🖼️ UI Features:

    • Display a title and input field for user guesses.
    • Show result feedback dynamically.
    • Add a Reset button to restart the game.

  • ⚛️ State Management: Use React hooks to manage game state.

  • 🎨 Styling: Apply a responsive layout with TailwindCSS.

🔍 Development Focus:

  • Page Layout → Clean structure with clear sections.
  • Component Design → Modular, reusable, and easy to extend.
  • State Management → Efficiently manage guesses, feedback, and game state.
  • User Experience (UX) → Simple, responsive, and accessible gameplay.

🌟 Additional Considerations:

  • Feel free to add any extra features or enhancements to improve functionality or user experience.