Quizit is a web-based trivia game featuring category selection, configurable question count, and dynamic state management using RxJS. Built to explore Angular 18 and reactive programming principles. Questions from the Open Trivia Database.
Quizit allows users to:
- Setup quiz configuration (number of questions, difficulty, category, type)
- Play through trivia questions with multiple-choice and/ or true-false answers
- See quiz results of answer selected, and correct answer
| Category | Technology |
|---|---|
| Framework | Angular 18 |
| Language | TypeScript |
| Styling | Sass / SCSS |
| UI Components | Material UI |
| State Management | RxJS |
| Design / Prototyping | Figma |
| API / Data | Open Trivia Database |
| Icons / Assets | Feather Icons |
| Create Screen | Quiz in Progress |
|---|---|
![]() |
![]() |
| Result Screen | Review Screen |
|---|---|
![]() |
![]() |
Instructions for setting up and running the app locally:
git clone https://github.com/shirley543/quizit.git
cd quizitnpm installng serve


