Quizizz

The Quizzes Platform is an interactive web-based application designed for educators, trainers, and learners. It provides a comprehensive tool for creating, managing, and taking quizzes, making it ideal for testing knowledge, assessing progress, and engaging in educational activities. The platform supports a variety of question types, including multiple-choice and true/false. It also features real-time feedback, score tracking, and analytics to enhance the learning experience.

Technologies Used

Front-End:

• Frameworks & Libraries: React.js, React DOM, Vite.
• Styling: Material UI (MUI), Styled Components, MDB React UI Kit.
• Form Handling: React Hook Form.
• Animations & Interactions: Framer Motion, React Beautiful DnD, Swiper, React Spring, React Parallax.
• Data Visualization: Chart.js, React charts.js.
• Icons & Fonts: FontAwesome, React Icon.
• Utilities: Axios, React Router DOM, React Toastify, Typewriter Effect, React Typewriter, React Intersection Observer, React Typed, React Typewriter Effect.
• Real-time Communication: Socket.io.

Back-End:

• Core Technologies: Node.js, Express.js.
• Database: MongoDB, Mongoose.
• Authentication & Security: JWT (JSON Web Token), Bcrypt, Bcryptjs, Cors, Dotenv.
• Real-time Communication: Socket.io.

Features:

• Admin and User Interfaces:

  1. Separate interfaces tailored for admins and users.
  2. Admin can create, update, and delete quizzes.
  3. Users can browse and take quizzes, track their progress.

• Responsive Design:

  • Designed using React JS, ensuring seamless usage across various devices.

• User Authentication:

  1. Secure login and registration with front-end and back-end validation.
  2. Authenticated users have access to personalized features.

• Real-time Feedback & Analytics:

  1. Immediate feedback on quiz performance.
  2. Score tracking and detailed analytics for users.

Contributors:

• Laith Amer: https://github.com/laithamer23
• Said Abu-Qtaish: https://github.com/SaidQT
• Sajeda Abu-Ayyash: https://github.com/SajedaAbu-Ayyash