This assignement demonstrates the use of Web APIs, AJAX, DOM manipulation, and HTML/CSS/JavaScript to create an interactive quiz application. I chose QuizAPI The quiz fetches questions dynamically from the link and provides real-time feedback to users (maximum requests are 50 per day for regular plan).
Dynamic Quiz Customization:
- Select categories (e.g., Linux, DevOps, PHP), difficulty levels, and number of questions.
- Toggle additional categories via a "..." button.
AJAX-Powered Interaction:
- Fetch questions without page reloads.
- Real-time validation and feedback (correct/incorrect answers).
Progress Tracking:
- Displays score after quiz completion.
- "Play Again!" button to restart with previous settings.
Responsive Design:
- Works seamlessly across devices.
- Frontend: HTML5, CSS3, JavaScript (AJAX, DOM Manipulation)
- API: QuizAPI
- Validation: W3C HTML/CSS/JS validation (screenshots included).
Choosing Categories
Starting Quiz
Correct answer
Incorrect Answer
Finished Quiz
- Clone the repository:
git clone https://github.com/lamamn/quiz-webapp-quizapi.git