An interactive and accessible number guessing game built with Vue 3 and Vite. This project demonstrates modern Vue.js practices, including the Composition API, and features a responsive design with full keyboard navigation support.
Demo: View Live Page.
- Three difficulty levels: Easy, Medium, and Hard
- Progressive hint system
- Score tracking with local storage for high scores
- Full keyboard navigation support
- Responsive design for various screen sizes
- Animated feedback for correct and incorrect guesses
- Guess history display
Before you begin, ensure you have met the following requirements:
- You have installed the latest version of Node.js and npm
- You have a basic understanding of Vue.js and modern JavaScript
To install the Number Guessing Game, follow these steps:
-
Clone the repository:
git clone https://github.com/brandnova/numbers-gg.git
-
Navigate to the project directory:
cd vue3-number-guessing-game
-
Install the dependencies:
npm install
To use the Number Guessing Game, follow these steps:
-
Start the development server:
npm run dev
-
Open your web browser and visit
http://localhost:5173
(or the URL provided in your terminal). -
Enter your name, select a difficulty, and start guessing!
-
canvas-confetti 🎉🎊!
-
You have 2 Hints to help you guess the right answer.
To contribute to the Number Guessing Game, follow these steps:
- Fork this repository.
- Create a branch:
git checkout -b <numbers-gg>
. - Make your changes and commit them:
git commit -m '<commit_message>'
- Push to the original branch:
git push origin <numbers-gg>/<location>
- Create the pull request.
Alternatively, see the GitHub documentation on creating a pull request.
Thanks to the following people who have contributed to this project:
This project uses the following license: MIT License.