https://github.com/emilracz21/quiz-javascript

Quiz Game
https://github.com/emilracz21/quiz-javascript

api frontned json-api quiz-game random random-generator randomquiz ui-design

Last synced: 4 days ago
JSON representation

Quiz Game

• Host: GitHub
• URL: https://github.com/emilracz21/quiz-javascript
• Owner: emilRacz21
• Created: 2023-11-18T11:58:43.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-10-23T19:01:13.000Z (23 days ago)
• Last Synced: 2024-10-23T23:43:54.110Z (22 days ago)
• Topics: api, frontned, json-api, quiz-game, random, random-generator, randomquiz, ui-design
• Language: JavaScript
• Homepage: https://quiz-game-er.netlify.app/
• Size: 2.31 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Quiz Game

Quiz Game is an interactive online quiz application that allows users to test their knowledge on various topics. The app fetches questions from the Open Trivia Database API, offering options to choose categories and difficulty levels.

- [Quiz Game](https://quiz-game-er.netlify.app/)

## Table of Contents

- [Features](#features)

- [Technologies](#technologies)

- [How to Run the Project](#how-to-run-the-project)

- [Future Improvements](#future-improvements)

- [License](#license)

## Features

- Select question categories.

- Choose difficulty levels.

- Countdown timer for answering questions.

- Dynamic loading of questions and answers.

- Display results with a grading scale.

## Technologies

This application is built using the following technologies:

- **HTML** - for the structure of the page.

- **CSS** - for styling.

- **SCSS** - for styling.

- **JavaScript** - for the application logic.

- **API** - Open Trivia Database.

## How to Run the Project

1. **Clone the repository**:

   ```bash

   git clone https://github.com/emilRacz21/quiz-javascript.git

   cd quiz-javascript

2. Open the index.html file in your web browser.

3. Start the game by clicking the "Start Game" button.

4. Select a category, difficulty, and number of questions, then click the "Start" button.

## Design

![quiz](https://github.com/user-attachments/assets/5ee271fe-e6eb-4e9a-9206-2485a145fba3)

## Future Improvements

- Add multiplayer options.

- Implement localization for users to select questions in their language.

- Expand with more categories and difficulty levels.

- Enhance the user interface and responsiveness.

## License

- This project is licensed under the MIT License.