Quiz App 🎉
A fun and interactive quiz application built using Flask, HTML, CSS, and JavaScript. This project showcases dynamic template rendering, creative styling, and functional button controls, making it an engaging experience for users.
To run:
Click Here!
Features 🌟
- Flask Backend:
Renders different templates seamlessly and manages quiz flow.
- Interactive Start Page:
Welcomes users with a dynamic start screen.
- Unique Questions:
Each question has its own HTML template with tailored designs.
- Hover Cards:
One quiz page includes interactive hover cards powered by CSS.
- Rich Styling:
Extensive use of CSS for vibrant visuals and smooth interactions.
- Functional Buttons:
JavaScript enhances button functionality and user engagement.
Technology Stack 🛠️
- Backend Framework: Flask (Python)
- Frontend: HTML, CSS, JavaScript
- CSS Styling: Custom and heavy usage for animations, hover effects, and layout
- JavaScript: For button interactions and user feedback
How to Run Locally 🏃♂️💻
- Clone this repository:
git clone "your-repo-link"
cd "repository-folder"
- Install dependencies:
pip install -r requirements.txt
- Run the Flask app:
python app.py
- And done! Open it into your browser.
Future Improvements 🚀
- Add a results page to show user scores.
- Implement a timer for each question.
- Add a database to store user results.
- Make it mobile responsive.
Contributing 🤝
Feel free to fork this repository, raise issues, or submit pull requests to improve the project!