Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/h4jack/quiz
This is a PHP-based quiz website that allows users to test their knowledge by answering quiz questions. The project uses HTML, CSS, JavaScript, PHP, and MySQL.
https://github.com/h4jack/quiz
apache css h4jack html js mariadb mysql php quiz quiz-project sql xampp
Last synced: 3 months ago
JSON representation
This is a PHP-based quiz website that allows users to test their knowledge by answering quiz questions. The project uses HTML, CSS, JavaScript, PHP, and MySQL.
- Host: GitHub
- URL: https://github.com/h4jack/quiz
- Owner: h4jack
- License: gpl-3.0
- Created: 2024-06-04T07:16:51.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-05T10:09:00.000Z (7 months ago)
- Last Synced: 2024-09-28T11:03:50.709Z (3 months ago)
- Topics: apache, css, h4jack, html, js, mariadb, mysql, php, quiz, quiz-project, sql, xampp
- Language: PHP
- Homepage: http://myloginphp.rf.gd/quiz
- Size: 770 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Quiz
This is a PHP-based quiz website that allows users to test their knowledge by answering quiz questions. The project uses HTML, CSS, JavaScript, PHP, and MySQL.
## Demo
View/Use the project/site hosted on [Quiz-App](http://myloginphp.rf.gd/quiz)\
don't use any such informations that can expose your privecy.## Project Structure
The project directory contains the following files:
- **[admin/](https://github.com/h4jack/quiz/blob/main/admin)**
- `index.php`: Main admin page.
- **[login/](https://github.com/h4jack/quiz/blob/main/admin/login)**
- `index.php`: Admin login page.
- **[submits/](https://github.com/h4jack/quiz/blob/main/admin/submits)**
- `index.php`: Submission handling page.- **[css/](https://github.com/h4jack/quiz/blob/main/css)**
- `admin.css`: Styles for the admin interface.
- `body.css`: General styles for the website body.
- `button.css`: Styles for buttons.
- `input.css`: Styles for input fields.
- `login.css`: Styles for login-related elements.
- `main.css`: Main stylesheet.
- `nav.css`: Styles for navigation elements.- **[db/](https://github.com/h4jack/quiz/blob/main/db)**
- `dbconn.php`: Database connection configuration.- **[div/](https://github.com/h4jack/quiz/blob/main/div)**
- `nav.php`: Navigation component.- **[method/](https://github.com/h4jack/quiz/blob/main/method)**
- `string.php`: PHP methods related to string manipulation.- **[result/](https://github.com/h4jack/quiz/blob/main/result)**
- `index.php`: Page displaying quiz results.- **[submit/](https://github.com/h4jack/quiz/blob/main/submit)**
- `index.php`: Submission handling page.- **[user/](https://github.com/h4jack/quiz/blob/main/user)**
- **[getquiz/](https://github.com/h4jack/quiz/blob/main/user/getquiz)**
- `index.php`: User page for accessing quizzes.
- **[login/](https://github.com/h4jack/quiz/blob/main/user/login)**
- `index.php`: User login page.
- **[profile/](https://github.com/h4jack/quiz/blob/main/user/profile)**
- `goto.php`: Profile navigation logic.
- `index.php`: User profile page.- `index.php`: Main entry point for the quiz app.
## Installation
To run and test this on local machine, follow these steps:#### install xampp on your local machine.
if you know how to run php web app skip this steps,\
refer to this site for setup your own xampp server:
[wikihow](https://www.wikihow.com/Set-up-a-Personal-Web-Server-with-XAMPP)- Start the Apache Server.
- Start the Mysql Server.#### clone the repo to your htdocs of xampp
```cmd
git clone https://github.com/h4jack/quiz.git C:\{path_to_xampp}\xampp\htdocs\quiz
```
#### now open the link on your browser.
[http://localhost/quiz/](http://localhost/quiz/)
## UsageTo use the quiz app follow this below example, or try using it on the hosted server.
### Admin
- login as the quiz name:
![admin login](./assets/log-on.jpeg)
- create quiz:
![create quiz](./assets/create-quiz.png)
- edit/update/delete the quiz
![update quiz](./assets/update-quiz.png)
### User
- login same as you logged in on admin/quiz side.
- enter the quiz name and go to give the quiz.
![given-quizes](./assets/given-quizes.png)
- give quiz answer/ and submit when you think it is completed.
![submit-quiz](./assets/give-quiz.png)
- see the result by clicking on the view button.
![show-result](./assets/show-result.png)## Expression Calculator Features
the quiz app provides the following features:
- quiz creation
- quiz taking.
- view result.
- and all the user/admin level features.
## Tech Stack**Client:** HTML, CSS, JS
**Server:** PHP, MariaDB MySQL(SQL).
## Authors
- [@h4jack](https://www.github.com/h4jack)
## Contribute
This project open source you can contribute to this just clone and improve this project.
## License
This project is licensed under the [GPL-3.0 license](https://github.com/h4jack/quiz/blob/main/LICENSE/)
## Feedback
If you have any feedback or suggestions, please feel free to [create an issue](https://github.com/h4jack/quiz/issues) or [contact us](https://github.com/h4jack).