Nothing Special   »   [go: up one dir, main page]

Skip to content

brandnova/numbers-gg

Repository files navigation

Vue 3 Number Guessing Game

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.

Game Interface Game Interface

Demo: View Live Page.

Features

  • 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

Prerequisites

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

Installing Vue 3 Number Guessing Game

To install the Number Guessing Game, follow these steps:

  1. Clone the repository:

    git clone https://github.com/brandnova/numbers-gg.git
    
  2. Navigate to the project directory:

    cd vue3-number-guessing-game
    
  3. Install the dependencies:

    npm install
    

Using Vue 3 Number Guessing Game

To use the Number Guessing Game, follow these steps:

  1. Start the development server:

    npm run dev
    
  2. Open your web browser and visit http://localhost:5173 (or the URL provided in your terminal).

  3. Enter your name, select a difficulty, and start guessing!

Gameplay Screenshot Gameplay Screenshot

  1. canvas-confetti 🎉🎊!

  2. You have 2 Hints to help you guess the right answer.

Contributing to Vue 3 Number Guessing Game

To contribute to the Number Guessing Game, follow these steps:

  1. Fork this repository.
  2. Create a branch: git checkout -b <numbers-gg>.
  3. Make your changes and commit them: git commit -m '<commit_message>'
  4. Push to the original branch: git push origin <numbers-gg>/<location>
  5. Create the pull request.

Alternatively, see the GitHub documentation on creating a pull request.

Contributors

Thanks to the following people who have contributed to this project:

License

This project uses the following license: MIT License.