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

Simple quiz app for learning how to use the CSS framework bootstrap.
https://github.com/lukasvolgger/quiz-app

bootstrap browser css html javascript quizapp

Last synced: about 2 months ago
JSON representation

Simple quiz app for learning how to use the CSS framework bootstrap.

• Host: GitHub
• URL: https://github.com/lukasvolgger/quiz-app
• Owner: LukasVolgger
• License: mit
• Created: 2022-03-01T18:09:33.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-10-26T18:17:36.000Z (over 3 years ago)
• Last Synced: 2025-11-12T17:09:26.337Z (8 months ago)
• Topics: bootstrap, browser, css, html, javascript, quizapp
• Language: JavaScript
• Homepage: https://github.com/LukasVolgger/quiz-app
• Size: 1.86 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
QuizApp


This app is a learning project from the Frontend Web Development course of the Developer Akademie. 

IMPORTANT: Please note that learning projects focus on the given tasks. It is therefore possible that some functions do not work or are not scripted.

Table of Contents


- Features

- Preview

- Installation

- License

Features

Here is an overview of the most important functions of the project. Click on the summary to expand.





Available Languages

  

:white_check_mark: German 


  

Functionality

  

:white_check_mark: Fully playable 


:white_check_mark: Responsive Webdesign 


:white_check_mark: Depending on whether the question was answered correctly or incorrectly, a tone is played 


:white_check_mark: If a question is answered incorrectly, the correct answer will be highlighted 


:white_check_mark: More categories, questions and answers can easily be added or changed in questionpool.js 


  

Preview


![This is an image](/img/preview/preview_start_screen.png)

---

![This is an image](/img/preview/preview_questions.png)

---

![This is an image](/img/preview/preview_end_screen.png)

Installation

Follow these steps to install/test the project.


1. Requirements

All you need is a web browser like one of the following:







![Google Chrome](https://img.shields.io/badge/Google%20Chrome-4285F4?style=for-the-badge&logo=GoogleChrome&logoColor=white)

![Firefox](https://img.shields.io/badge/Firefox-FF7139?style=for-the-badge&logo=Firefox-Browser&logoColor=white)

![Edge](https://img.shields.io/badge/Edge-0078D7?style=for-the-badge&logo=Microsoft-edge&logoColor=white)

2. Download the Source

Download the source code or clone the repository on your local computer by clicking the Code button.







![readme_get_code](https://user-images.githubusercontent.com/55922592/198102760-e106c513-82ba-48f2-8ef1-25b0ee494fb1.png)

3. Start the Project

Navigate to the location on your computer where you downloaded/cloned the code. In the project directory, open the index.html file with a web browser.







![readme_chrome_logo_left_space](https://user-images.githubusercontent.com/55922592/198104490-f9503625-2407-465d-bf63-115405d6ade6.png)




index.html

License


Some graphics are property of the Developer Akademie. The graphics are left to the participants of the course for learning purposes for use in the projects and are subject to the copyright of the Developer Akademie.

The source code is subject to the following license:

![APM](https://img.shields.io/apm/l/vim-mode?label=License&style=for-the-badge)