Build an interactive quiz web application using HTML, CSS, Bootstrap, and JavaScript. Do NOT use React, as that will be your final project technology stack. The quiz web application must have multiple-choice questions (minimum 10 questions). Give a catchy name to your quiz web application.
Jesus Martinez
Michael Rojas: Michaels.rojas13@csu.fullerton.edu
Hailey Verdone
- Project files (all the html, css, and js files).
- Readme file on how to run the project.
- Project report with a brief explanation of the project.
1.) Open the login-registration.html file in a web browser.
2.) You will see a login form with fields for username and password.
- If you don't have an account, you can click on the Register here link to switch to the registration form.
3.) Fill in the required fields in the registration form and click the Register button.
- After successful registration, you will be redirected to the login form.
4.) Fill in your username and password in the login form and click the Login button.
- Upon successful login, you will be redirected to the quiz.html page.
5.) On the quiz page, you will see a title Select a Quiz with buttons for different quiz categories such as General Knowledge, Pop Culture, Science and Nature, and History.
6.) Click on any quiz category button to start the quiz. This will display the first question along with multiple-choice options.
7.) Select an option by clicking on the corresponding button.
8.) After selecting an option, you will receive immediate feedback on whether your answer was correct or not.
9.) Continue answering questions until you reach the end of the quiz.
10.) Once you've answered all questions, you will see your final score displayed along with a button to restart the quiz.
- You can click the Restart Quiz button to start the quiz again from the beginning!**