This Application follows the basic norms of a quiz - questions come serially, one after another; you get only one chance to attempt a question at one go, you cannot retry an already answered question. This quiz however has no time bound.
This project primarily contains php and html including some tinge of css, bootstrap, jQuery and mysql.
The backend consists of a local database. Only registered users can login and play the quiz. The option panel turns red if the answer is correct, green if its incorrect. An instructio page illustrates the usage to the users.
Link to Github Repo - GitHub Quiz App
Watch the demo video below
Untitled.design.mp4
XAMPP is a free and open-source cross-platform web server solution stack package.
We will be running Apache and MySql through Xampp for this particular project.
Here we have created 5 tables namely:-
- users - To contain the information about registered users.
- score - To contain information about respective scores.
- questions - Admin can control the list of questions to be displayed in the app.
- answers - The options and the correct answer for each question are listed here.
- answered - The status of each gameplay for the corresponding user (insert - update); stores a 0 for wrong input, 1 otherwise
This is the first page the user sees.
Code: login.php
This page uses the concept of SESSION in PHP
Code: login_validation.php
Code: instruction.php
Code: quizstart.php
Code: evaluate.php
Code: score.php
Code: logout.php
The make the website slightly more appealing.
Code: style.css
This is a basic hands on with the objective of understanding the entire flow of a web development. This Project has been checked and approved by Chandrashekhar Prasad who was my instructor under MyWBUT Web Development Training.