Quizard is a web application that allows users to create custom quizzes, share them with friends, and challenge their knowledge in a fun and interactive way. Built with React, React Router, ChakraUI, and Python Flask, this platform offers an engaging and seamless user experience.
- ☑ Create custom quizzes with multiple question types and varying difficulty levels.
- ☑ Share quizzes with friends using unique links.
- ☐Track progress and performance with user profiles and statistics.
- ☑ Browse List of Quizzes to take
- ☐ Filter quizzes based on category
- ☑ Responsive design for an optimized experience on different devices.
- ☑ Rich and intuitive user interface built with ChakraUI.
- React: Frontend library for building user interfaces.
- React Router: Declarative routing for React applications.
- ChakraUI: A modular and accessible component library for React.
- Python Flask: A lightweight web framework for Python, used to build the backend API.
- Playwright: A JavaScript framework for Web Testing and Automation.
To set up the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/username/quizard.git
- Navigate to the project folder
- Install dependencies for the frontend and backend:
cd client
npm install
cd ../flask-server
pip install -r requirements.txt
-
Start the backend Flask server:
cd flask-server
python server.py
-
In a separate terminal, navigate to the frontend folder and start the React development server:
cd client
npm start
The application should now be running on http://localhost:3000/
.
Happy quizzing!