Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ourouimed/quiz_app
This a simple HTML , JS , CSS & Tailwind css Quiz App
https://github.com/ourouimed/quiz_app
css css3 html html5 js quiz quizapp tailwindcss
Last synced: 20 days ago
JSON representation
This a simple HTML , JS , CSS & Tailwind css Quiz App
- Host: GitHub
- URL: https://github.com/ourouimed/quiz_app
- Owner: Ourouimed
- Created: 2024-12-28T14:10:03.000Z (29 days ago)
- Default Branch: main
- Last Pushed: 2024-12-28T19:29:52.000Z (29 days ago)
- Last Synced: 2024-12-28T20:24:03.584Z (29 days ago)
- Topics: css, css3, html, html5, js, quiz, quizapp, tailwindcss
- Language: JavaScript
- Homepage: https://ourouimed.github.io/quiz_app/
- Size: 1000 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About this App
This a simple HTML , JS , CSS & Tailwind css Quiz App
## Installation
1 - download or clone this app
```bash
git https://github.com/Ourouimed/quiz_app.git
```
2 - Open `index.html` file with live server (required)
3 - Open `qusetions.json` file to update questions :
```bash
[
{
"question": "your question here",
"answers":
[
{
"answer": "Answer no-1",
"status": false
},
{
"answer": "Answer no-2",
"status": true //
},
.... Array of answers
]
},.... Array of questions
]
"
```
## Used Technologies
- HTML5
- CSS3
- JS
- Tailwind css## Live Demo
This is some screeshots from [Live Demo](https://ourouimed.github.io/quiz_app)
![screenshoot1](./images/shot1.png)
![screenshoot2](./images/shot2.png)