Case Study

DevQuiz

A fully tested quiz application built with QuizAPI.io, TypeScript and modern React patterns.

Placeholder project preview

Overview

DevQuiz is a quiz application built to strengthen my TypeScript, API integration and automated testing skills. It focuses on clean React patterns, reliable user interactions and a well-tested codebase.

Challenge

Creating a reliable quiz experience while maintaining high test coverage and a responsive user interface.

Architecture

The application follows a component-based React architecture with reusable UI components, clear state management and strict TypeScript typing to keep the codebase maintainable.

Testing

The project includes unit, integration and end-to-end tests using Vitest, React Testing Library and Playwright to ensure a reliable user experience.

Features

  • Fetches quiz questions from QuizAPI.io
  • Category and difficulty selection
  • Instant score calculation
  • Responsive interface
  • Comprehensive automated testing

Tech Stack

ReactTypeScriptViteQuizAPI.ioVitestReact Testing LibraryPlaywright