https://github.com/frontend-code20/quiz-app

A single-page quiz app in JavaScript, HTML, and CSS with a timer, next-button functionality, and automatic color highlights for correct/incorrect answers.
https://github.com/frontend-code20/quiz-app

css3 html5 javascript

Last synced: 2 months ago
JSON representation

A single-page quiz app in JavaScript, HTML, and CSS with a timer, next-button functionality, and automatic color highlights for correct/incorrect answers.

• Host: GitHub
• URL: https://github.com/frontend-code20/quiz-app
• Owner: Frontend-Code20
• Created: 2024-12-07T15:15:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-28T20:25:25.000Z (over 1 year ago)
• Last Synced: 2025-01-28T21:28:56.954Z (over 1 year ago)
• Topics: css3, html5, javascript
• Language: JavaScript
• Homepage:
• Size: 589 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Quiz App Using custom JavaScript, HTML, and CSS

This is a single-page quiz app built in custom JavaScript, HTML, and CSS. This changes the question based on the next button click, and also there is a timer, which will automatically display the next question when the time drops. On submit, this will highlight the correct answer with a green color and the wrong one with a red color.

## 1. Features

- Display questions in single page

- Timer

- Show Results

- Highlight correct or wrong question

## 2. Technology used

- JavaScript

- HTML

- CSS

## 3. Project Preview

![Default View](https://github.com/Frontend-Code20/Quiz/blob/main/images/default.png)

![Select View](https://github.com/Frontend-Code20/Quiz/blob/main/images/select.png)

![Anwser View](https://github.com/Frontend-Code20/Quiz/blob/main/images/answer.png)

![Last View](https://github.com/Frontend-Code20/Quiz/blob/main/images/last.png)

![Result View](https://github.com/Frontend-Code20/Quiz/blob/main/images/result.png)