AnimeQuiz

Get a look on AnimeQuiz

NOTES

This project is in contruction, I'm at the front-end, non responsive steps.

Development server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/AnimeQuiz/. The application will automatically reload whenever you modify any of the source files.

Anime Quiz Application

Project Overview

This project is designed to help you learn and master Angular by building a feature-rich anime quiz application. It demonstrates key Angular concepts such as working with components, services, routing, and HTTP requests.

Objectives

• Load anime quiz questions dynamically from a local JSON-based API.
• Implement interactive quiz features, including timers and experience points (XP) tracking.
• Utilize Angular's HTTP client to interact with the local API for managing quiz questions.

Key Features

Anime Quiz Gameplay

• Play an engaging anime quiz.
• Include a countdown timer for each question.
• Award XP based on the player’s performance.

CRUD Functionality for Quiz Questions

• Create: Add new questions to the quiz via a form.
• Read: Load and display questions dynamically from the local API.
• Update: Edit existing quiz questions.
• Delete: Remove questions as needed.

Angular Concepts Covered

• Component-based architecture.
• Routing for navigation between pages (e.g., quiz, admin panel).
• Forms for input validation and user interactions.
• Dependency injection and services for handling API requests.
• Observables and async operations for managing data flow.

TODO

• Informed the user that the data is loading from the API in Quiz component & editquestions