Spacey Quiz is a dynamic, interactive quiz application that test your knowledge across various categories. With a animations, and a loading screen, Spacey Quiz provides an engaging experience for users.
- Category Selection: Choose from multiple quiz categories such as Daily Chalenge,Historical and Entertainment.
- Dynamic Question Loading: Fetches multiple-choice questions from the Open Trivia Database API.
- Progress Tracking: Visual progress bar increases with each question.
- Scoring System: Tracks your score for each session and saves cumulative score using local storage.
- History Tracking System: That records details about each quiz a user attempts. It captures essential data points such as Quiz title, Date and Score.
- Animations: Rive animations for loading screens and smooth transition between screens.
- HTML, CSS, JavaScript: Core structure, styling and logic.
- Rive Animation: For engaging loading animations.
- Open Trivis Database API: To fetch quiz questions.
- Local Storage: To save and retrieve cumulative scores and history.
- Clone the repository:
git clone https://github.com/punit2310/Quiz-Web.git
cd Quiz-Web- Open quizApp.html in your browser to start the quiz.
- Select a Category: Click on one of the category buttons to begin.
- Answer Questions: Choose the correct answer from the options.
- Track Progress: Use the progress bar to see your completion rate.
- View Your Score: At the end of the quiz, view your total score and see your cumulative score from previous sections.
- Enhanced Accessibility: Improve screen reader compatibility.
- Additional Categories: Add more quiize categories and question types.
- Timed Mode: Introduce a time-based quiz option for added challenge.
- Open Trivia Database: Provides the question data for the quiz.
- Rive Animation: for the interactive loading screen.
- Icons from Font Awesome for additional UL elements.