https://github.com/suhakilic/quiz-app

This is a basic "quiz-app" project including JavaScript Objects, Constructors and Prototypes
https://github.com/suhakilic/quiz-app

bootstrap5 constructors javascript objects prototypes quiz-app

Last synced: about 1 month ago
JSON representation

This is a basic "quiz-app" project including JavaScript Objects, Constructors and Prototypes

• Host: GitHub
• URL: https://github.com/suhakilic/quiz-app
• Owner: suhakilic
• Created: 2024-05-10T21:59:11.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-10T23:21:23.000Z (about 2 years ago)
• Last Synced: 2025-04-09T18:54:06.507Z (about 1 year ago)
• Topics: bootstrap5, constructors, javascript, objects, prototypes, quiz-app
• Language: JavaScript
• Homepage: https://suhacankilicquizapp.netlify.app/
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Quiz App


Overview

This Quiz App is a simple web application designed to test users' knowledge. It presents users with multiple-choice questions. The app is built using HTML, CSS, and JavaScript, with a focus on JavaScript objects for efficient data management and interactivity.


Features



  
Dynamic generation of quiz questions and answer options.

  
Real-time scoring.

  
Ability to restart the quiz and view correct answers.

  
Responsive design for seamless user experience on different devices.



Getting Started

To run the Quiz App locally, follow these steps:



  
Clone this repository to your local machine.

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



Live Demo

Alternatively, you can access the live demo of the app here.

Test the app live here.


Usage

Upon loading the app, users are presented with a series of multiple-choice questions.

Select an answer for each question by clicking on the corresponding option button.

After completing the quiz, view your score and restart the quiz to try again.

Optionally, reveal the correct answers to review your performance.


Technology Stack

HTML: Provides the structure and content of the quiz app.

CSS: Styles the app's layout.

JavaScript: Utilizes objects for data management and interactivity within the app.

Bootstrap: Enhances the app's responsiveness and provides pre-styled components.


App Screenshots

Screenshot-1


![Ekran görüntüsü 2024-05-11 011657](https://github.com/suhakilic/quiz-app/assets/136511554/7881adc2-c7f1-4512-8b0e-d5bc78e55c6c)

Screenshot-2


![Ekran görüntüsü 2024-05-11 011713](https://github.com/suhakilic/quiz-app/assets/136511554/b41c74b3-9861-40bb-8aef-27a17d970471)