AutoQuiz

AutoQuiz is a quiz generator powered by AI, developed as a team project. The objective of this project is to create an application that generates quizzes from text content using advanced AI techniques. The team encountered challenges such as integrating multiple technologies into a full-stack application, managing the backend using AWS RDS for PostgreSQL, and ensuring smooth communication between the frontend, backend, and a Chrome extension.

Throughout the development process, we learned valuable lessons about collaboration, problem-solving, and the efficient use of technologies like React, Node.js, Express, TypeScript, PostgreSQL, and AWS. We also gained practical experience in backend API design, database integration, and creating a user-friendly interface.

We hope AutoQuiz will serve as a useful tool for anyone looking to create quizzes from various text-based content, making learning and review more interactive and engaging.

Chrome Extension: What it Does: The extension extracts text content from any webpage (e.g., articles, blog posts, or YouTube captions). It sends this extracted text to your backend server to generate quizzes.

How it Works: When you visit a webpage, the extension will detect the page content. Upon clicking the extension button, it will send the text to your backend server. You’ll get quiz data back from the server, which you can then display or interact with.

Final Product: A Chrome extension that can be added to your browser. Users can click the extension button, and it generates quizzes based on the content of the page.

Backend (Node.js + Express + PostgreSQL): What it Does: Handles API requests from the frontend and extension. Stores quizzes, user data, and processes quiz generation.

How it Works: The server listens for incoming requests (e.g., POST requests to /api/quiz). It processes the content and generates quizzes based on predefined logic (or AI algorithms). The data is saved in a PostgreSQL database, and users can retrieve past quizzes if needed.

Final Product: A RESTful API that the frontend and extension communicate with. A database (PostgreSQL) that stores quiz data and user interactions.

Frontend (React): What it Does: Displays the quizzes and lets users interact with them (view, take quizzes, etc.). Allows users to view previously generated quizzes and manage their profiles.

How it Works: The frontend connects to the backend via API requests to fetch quizzes. It displays the quizzes in an easy-to-use UI with React Router for navigation. Users can log in, create an account, and track their quiz history.

Final Product: A user-friendly interface built with React that shows quizzes and lets users take them. Interactive pages for viewing quizzes, profiles, and settings.

Full Workflow: User Experience: Install Chrome Extension: The user installs the AutoQuiz Chrome extension. Navigate to Webpage: User visits any webpage, such as an article or YouTube video. Generate Quiz: The user clicks the extension button to generate a quiz based on the webpage content. Backend Processing: The extension sends the content to the backend, which processes it and generates a quiz. Display Quiz: The quiz is returned and displayed in the extension or frontend app. Frontend Interaction: Users can view, save, or retake quizzes from the frontend.

-

Final Product Features: Chrome Extension: Extracts text from any webpage. Sends data to the backend for quiz generation. Displays quizzes generated from the page content.

Backend: Handles quiz generation logic. Stores quizzes and user data in PostgreSQL. Exposes RESTful APIs for communication with the frontend and extension.

Frontend (React App): Allows users to view generated quizzes. Provides login and registration for user management. Displays quiz history and lets users track their progress.

What You Will Have at the End: A fully integrated project with: A Chrome extension to generate quizzes based on webpage content. A backend that processes the data and stores it in a database. A React frontend where users can take quizzes, see their results, and manage their accounts.

This is the final product of the AutoQuiz project, which will let users generate quizzes directly from webpage content with a seamless user experience.