https://github.com/omkarkirpan/guesscolors
https://github.com/omkarkirpan/guesscolors
css hacktoberfest hacktoberfest2023-approved html javascript react vite
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/omkarkirpan/guesscolors
- Owner: OmkarKirpan
- Created: 2023-03-06T08:46:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-23T13:43:42.000Z (almost 2 years ago)
- Last Synced: 2025-04-13T01:06:27.371Z (6 months ago)
- Topics: css, hacktoberfest, hacktoberfest2023-approved, html, javascript, react, vite
- Language: TypeScript
- Homepage: https://omkarkirpan.github.io/GuessColors/
- Size: 685 KB
- Stars: 1
- Watchers: 1
- Forks: 3
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Guess the Colors Game [](https://github.com/OmkarKirpan/GuessColors/actions/workflows/node.js.yml)
This is a simple color guessing game built with React.js and Vite.js. The game is deployed on GitHub Pages and can be played [here](https://omkarkirpan.github.io/GuessColors/).
## 🕹️How to Play
- You will be presented with a colored box.
- Three color options will be displayed as buttons.
- Click on the button that corresponds to the color of the box.
- If you select the correct color, you will see a "Correct!" message.
- If you select the wrong color, you will see a "Wrong Answer" message.
- Keep playing to test your color recognition skills!
## 💻Technologies Used
- React.js
- Vite.js
- HTML/CSS
- Node.js
## 🖥️Development
If you want to run this project locally, you can follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/omkarkirpan/GuessColors.git
```
2. Navigate to the project directory:
```bash
cd GuessColors
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
## 💻Deployment
The project is automatically deployed to GitHub Pages when changes are pushed to the main branch.
## ✒️Author
This project was created by Omkar Kirpan.
Feel free to contribute or report issues on the [GitHub repository](https://github.com/omkarkirpan/GuessColors).