Skip to content

jhaayushkumar/Number-Guessing-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Number Guessing Game

A modern, interactive number guessing game built with React and Vite. The game features a sleek UI with gaming-themed elements and smooth animations.

Features

  • 🎮 Modern gaming-themed UI with animated elements
  • 🎯 Random number generation between 1 and 100
  • 💡 Real-time feedback on guesses
  • 📊 Attempt counter
  • 🎉 Victory celebration
  • 🔄 Play again functionality
  • 📱 Responsive design for all devices
  • 🌈 Beautiful animations and visual effects

Technologies Used

  • React
  • Vite
  • JavaScript
  • CSS3 (with modern features like backdrop-filter and animations)
  • HTML5

Getting Started

Prerequisites

  • Node.js (version 14 or higher)
  • npm (comes with Node.js)

Installation

  1. Clone the repository:
git clone <your-repository-url>
cd game
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your browser and navigate to:

How to Play

  1. The game generates a random number between 1 and 100
  2. Enter your guess in the input field
  3. Click the "Guess" button or press Enter to submit your guess
  4. You'll receive feedback if your guess is:
    • Too high
    • Too low
    • Correct (with number of attempts)
  5. After winning, click "Play Again" to start a new game

Development

To run the development server with network access:

npm run dev -- --host

Contributing

Feel free to submit issues and enhancement requests!

License

This project is licensed under the MIT License - see the LICENSE file for details.

Releases

No releases published

Packages

No packages published