Spot-the-fake-Quiz

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

Spot-the-fake-Quiz

★ 9 Open GitHub ↗

"Spot-the-Fake-Quiz" is a web game where players must identify the counterfeit website among two images of the same brand. Each pair of images represents the real site and a fake one. Players have 15 seconds per pair to make their choice out of 10 questions. After completing all questions, they receive their total score.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Spot-the-Fake Quiz - README

## Description
Spot-the-Fake is a dynamic web-based game where players are challenged to identify counterfeit websites among two images of the same brand. Each pair of images consists of one genuine website and one fake one. Players have 15 seconds per image pair to make their selection. The game comprises a total of 10 questions, and players are provided feedback after each selection. At the end of the game, the total score, indicating the number of correctly identified fake websites, is displayed. The game also offers a 'Retry' button to restart and shuffles the order of image pairs for each game session.

## Project Glimpse
<img width="960" alt="Screenshot 2024-04-04 213850" src="https://github.com/itzabhinavarya/Spot-the-fake-Quiz/assets/95561280/a8fd1e24-2bce-411e-a155-3788f764f178">
<img width="960" alt="Screenshot 2024-04-04 213920" src="https://github.com/itzabhinavarya/Spot-the-fake-Quiz/assets/95561280/78782102-bb22-49a5-8b02-b47a082d9a03">
<img width="960" alt="Screenshot 2024-04-04 214020" src="https://github.com/itzabhinavarya/Spot-the-fake-Quiz/assets/95561280/e1397073-76da-4e6c-8f9b-b69782a3c1b1">

### Additional Features
- Active feedback widget indicating remaining time for each image pair.
- Option to proceed to the next set of images or final score page after making a selection.
- Retry button to restart the game.
- Image pairs shuffled for each game session.

## Technologies Used
- React.js

## Setup Instructions
1. Clone this repository to your local machine.
2. Navigate to the project directory.
3. Install dependencies using `npm install`.
4. Start the development server using `npm start`.
5. Access the application in your web browser at `http://localhost:3000`.

## Open Source Contribution Process
We welcome contributions to the Spot-the-Fake project! Here's how you can contribute:

1. **Fork the repository**: Click the "Fork" button at the top right corner of this repository's page to create a copy of the project in your GitHub account.
2. **Clone your fork**: Clone the repository to your local machine using the `git clone` command followed by the URL of your fork.
3. **Create a new branch**: Move to the project directory on your local machine and create a new branch to work on your contribution. Use a descriptive name for your branch.
4. **Make changes**: Implement your desired changes or additions to the project.
5. **Test your changes**: Before committing your changes, make sure to test them locally to ensure they work as expected.
6. **Commit your changes**: Once you're satisfied with your changes, commit them to your branch with clear and concise commit messages.
7. **Push your changes**: Push your changes to your forked repository on GitHub.
8. **Create a pull request (PR)**: Go to your forked repository on GitHub and click the "New pull request" button. Provide a descriptive title and description for your pull request, explaining the changes you've made.
9. **Review and address feedback**: Collaborate with project maintainers to address any feedback or changes requested for your pull request.
10. **Merge your pull request**: Once your pull request is approved and all feedback has been addressed, it will be merged into the main project repository.

## Notes
- Ensure Node.js is installed on your system before running the application.
- For any questions or concerns regarding the project, feel free to reach out to the developer.

Enjoy playing Spot-the-Fake and have fun spotting the counterfeit websites! 🕵️‍♂️🔍

Spot-the-fake-Quiz

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README