https://github.com/apurva-modi/wspt-quiz-webapp

This repo demonstrate a full-stack quiz app, with the student and the Admin view.
https://github.com/apurva-modi/wspt-quiz-webapp

ajax bootstrap4 css3 full-stack html5 mysql php quizapp vanilla-js webapp

Last synced: 25 days ago
JSON representation

This repo demonstrate a full-stack quiz app, with the student and the Admin view.

• Host: GitHub
• URL: https://github.com/apurva-modi/wspt-quiz-webapp
• Owner: apurva-modi
• Created: 2020-05-31T16:17:33.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-09T00:20:24.000Z (over 4 years ago)
• Last Synced: 2023-07-24T00:25:23.267Z (over 1 year ago)
• Topics: ajax, bootstrap4, css3, full-stack, html5, mysql, php, quizapp, vanilla-js, webapp
• Language: PHP
• Homepage:
• Size: 1.9 MB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# A responsive Quiz Web Application.

This project demonstrate a full-stack quiz app, with the student and the Admin view.

> The quiz web app is resposive, multi page, have multiple validations, also have features to count number of words for larger textbox area and pull random questions for some of the sections (Random questions are always same for a student).

### DB connection 

-  connection.php

### Ajax calls 

- addToDB.php

### Sections 

- contains individual testing sections (reading/writing/grammar assessment.. and so on and so forth)  

 

### For Testing

- Sections/readingAssessment 

  - line 42 contians the main logic for random and limit and  line 43 contains normal fetch from the DB.

- Sections/grammarAssessment 

  - line 24 contians the main logic for random and limit and line 25 contains normal fetch from the DB.

> Begin by importing the sql dumps in mysql 

> then start the server and load index.php to begin the test

> After completion of the test you will be redirected to test.php for further notifications.

## How does the quiz web app looks 

#### Index.html

![alt text](assests/user1.png "userview1screenshot")

#### Modal pop up before starting the quiz.

![alt text](assests/user2.png "userview2screenshot")

#### If input box left blank then a student can't submit.

![alt text](assests/user3.png "userview3screenshot")

#### if Checkbox left uncheckek an error will pop up

![alt text](assests/user4.png "userview4screenshot")

#### Final popup after the test completion.

![alt text](assests/user5.png "userview5screenshot")

#### Admin View 

![alt text](assests/admin1.png "adminview1screenshot")