Trivia Angular Web App

🌟 Overview

This project is a Trivia Web Application designed to provide an interactive and engaging trivia experience. Built using Angular, HTML, SCSS, and TypeScript, the application dynamically retrieves trivia questions from an external API. The project is deployed using Firebase Hosting, ensuring smooth access and scalability.

Users can customize their trivia experience by selecting the difficulty level and category of questions. The quiz consists of 10 questions, each with a 15-second timer, adding a sense of urgency and excitement. Additionally, the app tracks user statistics, allowing players to review their quiz history, accuracy, and performance over time.

💪 Work I Did on the Project

• Designed and implemented the UI using Angular and TypeScript, ensuring smooth performance, responsiveness, and a seamless user experience.

• Created a visually appealing and consistent UI using SCSS, ensuring a clean layout, intuitive design, and a polished user interface.

• Connected the application to a trivia API, allowing users to select categories and difficulty levels, dynamically retrieving relevant questions for each game session.

• Developed a 15-second countdown timer for each question in a 10-question quiz, creating a time-sensitive challenge that keeps users engaged and enhances gameplay.

• Built a system to track user quiz history, accuracy, and performance over time, providing meaningful insights that encourage continuous improvement.

• Implemented Firebase Hosting to deploy the website and store user trivia statistics history.

🛠 Technologies Used

Angular | Framework for building the frontend of the web application

HTML | Structure and content of the application

SCSS | Used for styling and maintaining a scalable UI design

TypeScript | Strongly-typed programming language used for the app logic

Trivia API | Retrieves trivia questions dynamically for the app, including difficulty and category selection

Firebase Hosting | Used to deploy and host the web application

🔗 Project Website

Explore the project here: Trivia Website

💻 GitHub Repository

Check out the source code for the project: Trivia Repository