Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/varshil-shah/quiz-application
My project consists of a basic quiz game where questions will be displayed according to selected categories.
https://github.com/varshil-shah/quiz-application
css hacktoberfest hacktoberfest-accepted html javascript
Last synced: 15 days ago
JSON representation
My project consists of a basic quiz game where questions will be displayed according to selected categories.
- Host: GitHub
- URL: https://github.com/varshil-shah/quiz-application
- Owner: varshil-shah
- Created: 2021-09-29T09:01:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-05T18:57:58.000Z (over 3 years ago)
- Last Synced: 2023-03-08T13:34:43.537Z (almost 2 years ago)
- Topics: css, hacktoberfest, hacktoberfest-accepted, html, javascript
- Language: JavaScript
- Homepage: https://varshil-shah.github.io/quiz-application/
- Size: 418 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quiz Application
## Introduction
In this project I have developed a quiz application which is completely built using html, css and javascript. Several categories are available, and questions will only be displayed according to the categories you have selected. There are a total of 15 questions and after every 5 questions the difficulty level will be increased and the time will also be increased by 15 seconds. After completing the quiz, the result will be displayed.
## 📷 Screenshort
## ✨ Features
1. Question will be asked according to selected categories.
2. After every 5 questions, difficuulty level will be increased also the time by increased by 15 secs.
3. Highscore will be displayed corresponding to the timer.
4. User friendly and responsive to every device.
5. If the correct answers are greater than 5, confetti will be displayed.
6. First time user has to selected atleast 1 category, next time when he/she tries to play quiz again, that category will be automatically selected.
7. You can also share this quiz application on different social media platform, for example: whatsapp, gmail or telegram.
## API Reference-
### Displaying available categories:
```http
GET https://opentdb.com/api_category.php
```
### Displaying question:
```http
GET https://opentdb.com/api.php?amount=30&category=26&difficulty=medium&type=multiple
```
| Parameter | Type | Description |
| :-------- | :------- | :-------------------------------- |
| `amount` | `number` | required amount of questions |
| `category` | `number` | question according to that type |
| `difficulty` | `string` | level of difficulty of the question |
| `type` | `string` | which type of question(true/false or multiple) |
## 🔗 Demo
Click here to view: [link](https://varshil-shah.github.io/quiz-application/)
## About the creator:
### Varshil Shah
Feel free to mail me at my email address [Varshil Shah](mailto:[email protected] "Varshil Shah") for any queries.