Quizzie is a versatile quiz builder application that allows users to create and share quizzes with their friends. Users can create accounts, log in, create quizzes, share them, and view analytics for their quizzes. The app supports two types of quizzes: poll type quizzes and Q&A type quizzes.
- Figma Design: Quizzie Design
- Deployed Application: Quizzie App
- User Authentication: Secure registration and login system with JWT implementation. Only authenticated users can create quizzes.
- User Dashboard: Multiple users can create accounts and access their respective created quizzes in their dashboard.
- Quiz Creation: Users can create quizzes, including both poll type quizzes and Q&A type quizzes.
- Quiz Sharing: Users can share their quizzes using a share button. Recipients of the shared link can take the quiz without logging in.
- Results and Analytics: Show users their scores at the end of Q&A quizzes and provide analytics for different quizzes, including impression count.
- Timer and Question Structure: Add timers to questions and set the question structure with options and answers.
- Limitations and Settings: Limit quizzes to a maximum of 5 questions per quiz and allow users to personalize account settings.
- Styling and Organization: Utilize raw/vanilla CSS for styling and modular CSS for better organization.
- Functionality: Implement basic form validations, JWT authentication mechanism, toast library for notifications, password security, and proper error handling on both backend and frontend.
- Clone the repository:
git clone https://github.com/kumaraswini-11/frontend-quiz-app-mern-2024.git - Install dependencies:
npm install - Start the development server:
npm start - Access the application: Open your browser and navigate to
http://localhost:3000
Contributions are welcome! If you have suggestions, bug reports, or feature requests, feel free to open an issue or submit a pull request.
Made with ❤️
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent