QuizMaster is a web application built using Angular, featuring a user-friendly interface and a wide range of quizzes across different categories. This application utilizes Bootstrap for responsive CSS styling, ensuring an engaging and visually appealing experience for users.
-
Browse and Select Categories: Users can easily explore various quiz categories, enabling them to find quizzes that match their interests and preferences.
-
Quiz Taking: Users have the option to select and take quizzes from the available categories. The quiz duration is displayed using a timer, adding a sense of urgency and challenge to the experience.
-
Infinite Scroll: Implemented infinite scroll functionality allows users to seamlessly browse through quizzes without having to manually load new content. This provides a smooth and convenient experience, eliminating the need for pagination.
-
Enhanced Security Measures: To prevent cheating or unintended interruptions during quizzes, the application includes security measures such as auto-submitting the quiz if the user switches tabs or attempts to manipulate the browser.
-
Admin Panel: The application includes an admin panel that provides administrators with the necessary tools to manage quizzes, categories, and quiz questions. Admins can add, edit, and remove quizzes.
Clone the repository Navigate to the project directory: cd quizmaster Install the dependencies: npm install Start the development server: ng serve Open your browser and visit http://localhost:4200 to access QuizMaster
- Angular
- Bootstrap
- Java
- Spring Boot
- Spring Security
- MySQL
Check out backend repository here