Skip to content

shirley543/quizit

Repository files navigation

Quizit - Angular Trivia Game

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.

Overview

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

Tech Stack

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

Screenshots

Create Screen Quiz in Progress
Result Screen Review Screen

Getting Started

Instructions for setting up and running the app locally:

1. Clone the repository

git clone https://github.com/shirley543/quizit.git
cd quizit

2. Install dependencies

npm install

3. Run the development server

ng serve

Open http://localhost:4200

Contributors

Shirley Xiao - Github - LinkedIn

About

A trivia game built with Angular and RxJS, featuring category selection, configurable questions, and data from the Open Trivia Database.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages