Quizzly is a trivia web application built using HTML, CSS, TypeScript, React, and the Open Trivia Database API. It features a wide range of trivia questions across various categories to challenge your knowledge and entertain you.
Quizzly aims to provide users with an engaging platform to test their knowledge and have fun with friends and family. Whether you're a trivia enthusiast or just looking for a way to pass the time, Quizzly has something for everyone.
- Trivia Questions: Quizzly features 4,146 trivia questions spanning 24 categories, ensuring a diverse range of topics to explore.
- Interactive UI: The user interface is designed to be responsive, intuitive and user-friendly, allowing users to navigate through the app effortlessly across multiple viewports.
3. End the quiz after answering all the questions. The quiz will automatically end after the timer runs out.
- HTML: Used for structuring the web pages.
- CSS: Used for styling the user interface.
- TypeScript: Used for adding static typing and enhancing code readability.
- React: Used for building the user interface components.
- Open Trivia Database API: Used for fetching trivia questions and categories.
- React
- React-DOM
- html-entities: Used for decoding HTML entities.
- react-confetti: Used for confetti animation.
- Download or clone the repository:
git clone https://github.com/your-username/quizzly.git
- Navigate to the project directory:
cd quizzly
- Install dependencies:
npm install
- Start the development server
npm run dev
- Navigate to the project directory:
cd quizzly
- Install dependencies:
npm install
- Build the Project for Deployment:
npm run build
Once the build process completes, you can deploy the built files located in the dist directory to your hosting environment.