Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mariokreitz/simple-quizz-app

Eine einfache Quiz-Anwendung mit JavaScript-Fragen, die im objektorientierten Programmierstil entwickelt wurde, um Benutzern eine interaktive und lehrreiche Spielerfahrung zu bieten.
https://github.com/mariokreitz/simple-quizz-app

css developer-akademie html javascript oop

Last synced: 20 days ago
JSON representation

Eine einfache Quiz-Anwendung mit JavaScript-Fragen, die im objektorientierten Programmierstil entwickelt wurde, um Benutzern eine interaktive und lehrreiche Spielerfahrung zu bieten.

Awesome Lists containing this project

README

        

# 🧠 Simple Quiz App [![Netlify Status](https://api.netlify.com/api/v1/badges/9ec7a54e-435f-427b-8749-15275c354d87/deploy-status)](https://app.netlify.com/sites/simple-quiz-app-da/deploys)

Willkommen bei der **Simple Quiz App**! 🎉 Dieses Projekt ist eine einfache Quiz-Anwendung, bei der es um Fragen über **JavaScript** geht. Das Projekt ist vollständig im **Object-Oriented Programming (OOP)**-Stil geschrieben.

## 🚀 Features

- ✨ **Benutzerfreundliche Oberfläche:** Einfache und intuitive Benutzeroberfläche.
- 🧑‍💻 **Fragen über JavaScript:** Teste dein Wissen über JavaScript mit verschiedenen Fragen.
- 🔄 **OOP Spiel-Logik:** Die gesamte Spielmechanik basiert auf dem OOP-Stil, was die Erweiterung und Wartung der App erleichtert.

## 🛠️ Installation

1. **Clone das Repository**:

```bash
git clone https://github.com/mariokreitz/simple-quizz-app.git
```

2. **Wechsle in das Projektverzeichnis**:

```bash
cd simple-quizz-app
```

3. **Installiere die Abhängigkeiten** (sofern vorhanden):

```bash
npm install
```

4. **Starte die Anwendung**:

```bash
npm start
```

## đź“š Usage

1. Starte die App und du wirst direkt zu den Quiz-Fragen geleitet.
2. Beantworte die Fragen über JavaScript, indem du eine der gegebenen Optionen auswählst.
3. Am Ende erhältst du deine Punktzahl und kannst das Quiz erneut starten, um deine Ergebnisse zu verbessern!

## 🧩 Architektur

Die Anwendung wurde unter BerĂĽcksichtigung der Prinzipien des objektorientierten Programmierens entwickelt. Die Kernkomponenten umfassen:

- **QuizManager:** Verwalten des Quiz-Flusses, einschlieĂźlich der Fragen, Antworten und Punktzahlen.
- **Question:** Eine einzelne Frage, die Frage selbst und die möglichen Antworten speichert.
- **UserInterface:** Verantwortlich fĂĽr die Darstellung der Fragen und die Interaktion mit dem Benutzer.

## 📸 Screenshots

![Quiz Screenshot](https://raw.githubusercontent.com/mariokreitz/simple-quizz-app/main/quizz_preview.png)

## đź“– Contributing

Beiträge sind immer willkommen! Wenn du Vorschläge für Verbesserungen hast, kannst du gerne einen Fork erstellen, das Projekt verbessern und einen Pull-Request stellen.

1. **Fork it**
2. **Erstelle deinen Feature Branch** (`git checkout -b feature/AmazingFeature`)
3. **Commit deine Ă„nderungen** (`git commit -m 'Add some AmazingFeature'`)
4. **Push in den Branch** (`git push origin feature/AmazingFeature`)
5. **Ă–ffne einen Pull Request**

## 🔧 Technologien

- JavaScript
- HTML/CSS
- Bootstrap

## đź“„ License

Dieses Projekt ist unter der MIT-Lizenz lizenziert – siehe die [LICENSE](LICENSE) Datei für Details.