An open API service indexing awesome lists of open source software.

https://github.com/mohamedmoamen8/quizproject

A simple Quiz Web Application built with Flask (Python) for the backend and HTML, CSS, JavaScript for the frontend. The app supports multiple quiz categories, keeps track of scores, and includes a leaderboard and ranking system. focus in backend and flask
https://github.com/mohamedmoamen8/quizproject

flask html-css-javascript leaderboard quizapp ranking

Last synced: about 2 months ago
JSON representation

A simple Quiz Web Application built with Flask (Python) for the backend and HTML, CSS, JavaScript for the frontend. The app supports multiple quiz categories, keeps track of scores, and includes a leaderboard and ranking system. focus in backend and flask

Awesome Lists containing this project

README

          

# 🎯 Quiz Project

A simple **Quiz Web Application** built with **Flask (Python)** for the backend and **HTML, CSS, JavaScript** for the frontend.
The app supports **multiple quiz categories**, keeps track of scores, and includes a **leaderboard and ranking system**.
---

## 🚀 Features
- Multiple quiz categories (Science, History, Sports, Movies & TV, General Knowledge, etc.).
- Leaderboard with ranking system.
- Score tracking per user/session.
- Simple and clean UI.
- Flask backend with templates and static files.

---

## 🛠️ Tech Stack
- **Backend:** Python (Flask)
- **Frontend:** HTML, CSS, JavaScript
- **Database:** SQLite (default) – easy to switch to MySQL/PostgreSQL
- **Version Control:** Git & GitHub

---

## 📂 Project Structure

│── instance/ # Configurations & DB files
│── static/ # CSS, JS, images
│── templates/ # HTML templates
│── app.py # Main Flask app
│── requirements.txt # Python dependencies
│── README.md # Project documentation
1. **Clone the repository**
```bash
git clone https://github.com/mohamedmoamen8/quizproject.git
cd quizproject
Create & activate a virtual environment (recommended)

bash
Copy code
python -m venv venv
source venv/bin/activate # Mac/Linux
venv\Scripts\activate # Windows
Install dependencies

bash
Copy code
pip install -r requirements.txt
Run the app

bash
Copy code
python app.py
Open in browser

cpp
Copy code
http://127.0.0.1:5000
before log in no leaderboard and see my result
image
image
after
image
image
Screenshot 2025-09-28 160854

Screenshot 2025-09-28 160907

Screenshot 2025-09-28 160919
Screenshot 2025-09-28 161947

🔮 Future Improvements
improve User authentication (login/signup).

Admin panel to add/manage questions.

Timer per question.

More question types (True/False, Multiple answers, etc.).

REST API for mobile app integration.

Better UI/UX design( by using react for front end)