THe Trivia Quiz App was built using React, React Router, Material-UI, and Open Trivia API.
The Trivia Quiz App was created by Tess Mwangi.
- A home screen with a form to enter player name, category and difficulty level selection
- A quiz screen to display questions and possible answers.
- A results screen to display the final score and option to go to the home screen
- Basic styling and design to improve the user interface and experience
The Trivia Quiz App is a web application that when the user first opens the app, they are taken to the home screen where they can enter their name, select a quiz category, and select a quiz difficulty level. Once they have entered this information, they can click on the "Start Quiz" button to begin the quiz.
If the user has not filled out all required fields, an error message will be displayed prompting them to fill out all fields before starting the quiz.
Once the user has started the quiz, they are presented with a series of multiple-choice questions. They can select their answer and then move on to the next question. Once they have completed all the questions, they are taken to a results screen where they can see their score and the correct answers to the questions.
Overall, the user interface is simple and intuitive, making it easy for users to start and complete a quiz.
To run the Trivia Quiz App on your local machine, follow the steps below:
- Clone the repository to your local machine using the command below:
git clone https://github.com/username/trivia-quiz-app.git
- Navigate to the project directory:
cd trivia-quiz-app
- Install the project dependencies:
npm install
- Start the development server:
npm start
- Open your web browser and navigate to http://localhost:3000/ to view the app.
The Trivia Quiz App is licensed under the MIT license.
© Tess Mwangi 2023. All rights reserved.