This project is a frontend application developed using Next.js and TypeScript. It includes various components such as a Summarizer, Quiz Generator, and Quiz Checker. The application is styled using Tailwind CSS and custom fonts.
Project Structure
src/app/layout.tsx: Main layout component that includes the Navbar and sets up the global styles and fonts.
src/app/globals.css: Global CSS file that includes Tailwind CSS base, components, and utilities, as well as custom styles and font definitions.
src/app/components/Navbar/index.tsx: Navbar component that provides navigation links and search functionality.
src/app/components/Summarizer/index.tsx: Summarizer component that allows users to upload PDF files or input text to generate summaries.
src/app/components/QuizGenerator/index.tsx: Quiz Generator component that enables users to create quizzes from summaries or manually input questions.
src/app/components/QuizChecker/index.tsx: Quiz Checker component that evaluates quiz answers and provides feedback.
src/app/components/Home/index.tsx: Home component that serves as the main container for the Summarizer, Quiz Generator, and Quiz Checker components.
src/app/components/TabsComponent/index.tsx: Tab component that allows users to select options from a list.
src/app/components/CardComponent/index.tsx: CardComponent that displays summaries, quizzes, or results in a card format.
Features
1. Summarizer
Allows users to upload PDF files or input text.
Generates concise summaries using AI-powered algorithms.
Provides real-time feedback and error handling for invalid inputs.
2. Quiz Generator
Enables users to create quizzes based on summaries or manually input questions.
Supports multiple question types (e.g., multiple-choice, true/false, short answer).
Includes drag-and-drop functionality for reordering questions.
3. Quiz Checker
Evaluates quiz answers submitted by users.
Provides detailed feedback, including correct answers and explanations.