Welcome to the Trivia Quiz App, the ultimate destination for trivia enthusiasts! Whether you're a trivia novice looking to learn or a seasoned pro ready to put your skills to the test, this app offers a thrilling and engaging experience you won't want to miss.
- Un-timed Learning: Dive into the world of trivia at your own pace, with no pressure from the clock.
- Customization: Tailor your learning experience by choosing the number of questions, difficulty level, categories, and even the type of questions (text or image choice - refer to API changes section below).
- Timed Challenge: Challenge yourself to answer questions against the clock and discover just how quick-witted you are.
- Customization: Customize your challenge by setting the number of questions, selecting the difficulty level, picking your favorite categories, and choosing between text or image-based questions (refer to API changes section below).
This app harnesses the power of cutting-edge technologies to deliver a seamless and captivating user experience:
- Angular: A dynamic web application framework that powers our app's interactivity.
- Tailwind CSS: A stylish CSS framework that ensures a modern and responsive design.
- NgRx: A state management library that keeps our app's complexity in check.
- Nx Workspace: Dev tools that streamline development in our monorepo, ensuring efficient code-sharing.
- Angular Material: A UI component library that guarantees a polished and consistent user interface.
With the Trivia Quiz App, personalization is key. You have the power to fine-tune your trivia experience, which is totally optional:
- Number of Questions: Choose how many questions you want to tackle in each mode.
- Difficulty Level: Select a difficulty level that suits your expertise – easy, medium, or hard.
- Categories: Explore an array of trivia categories to match your interests - you can choose multiple categories.
- Question Type: Decide whether you prefer answering text-based questions or challenging image-based ones - or both!
In this Trivia Quiz app, your achievements are not just recognized but celebrated with gusto!
Personalized Feedback with a Touch of Insight: Curious about how you did? We've got you covered! After each quiz, you'll receive personalized feedback that's tailored to your score. Whether you're on fire or faced a few challenges, our feedback will highlight your strengths and areas where you can shine even brighter. It's like having a personal cheerleader for your brain!
Score High, Dance with Confetti: But wait, there's more! If you've scored more than 80%, get ready for the ultimate treat – a dazzling confetti celebration! 🎊 We believe in making your victories memorable. So, if you're among the cream of the quiz crop, prepare to be showered in a cascade of colorful confetti. It's your moment to shine!
In the Results section, we're all about making your quiz experience not just informative but exhilarating. It's where your journey from a curious explorer to a quiz champion begins. So, dive in, embrace the challenge, and let's celebrate your brilliance together! 🌟
The trivia API that this app relies on for image questions has undergone some changes. Previously, image questions were available for free, but the API now requires a subscription for access. Please note the following:
- Image questions are no longer accessible without a subscription.
- The API subscription is available at API Provider's Subscription Page.
- The pricing and subscription details can be found on the provider's website.
Ready to embark on your trivia journey? Follow these simple steps to get started with the Trivia Quiz App:
-
Clone the Repository:
git clone https://github.com/your-username/trivia-quiz-app.git
-
Development server
Run
nx serve angular-quizfor a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. -
Understand this workspace
Run
nx graphto see a diagram of the dependencies of the projects. -
Further help
Visit the Nx Documentation to learn more.
- This app relies on The Trivia API, a treasure trove of trivia questions and categories.
- I owe a big thank you to Angular, Tailwind CSS, NgRx, Nx Workspace, and Angular Material for making this app possible.
This project is licensed under the MIT License. For more details, consult the LICENSE file.
Prepare to be challenged and entertained with the Trivia Quiz App! If you have any questions, feedback, or ideas, don't hesitate to reach out. Let the games begin! 🎉