Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to assist students in preparing for their Machine Learning theory quizzes. Users can upload a PDF containing relevant study material, and the application will extract key concepts, generate quiz questions, and provide easy-to-understand explanations to maximize understanding and retention.

## CORE FEATURES
1. **PDF Upload and Parsing**: Users can easily upload their study materials in PDF format. The application will utilize OCR and text extraction to convert the contents into a usable format.
   
2. **Quiz Generation**: Based on the content extracted from the PDF, the application will generate a comprehensive quiz tailored to ensure users can achieve full marks.
   
3. **Explanatory Content**: For each quiz question, the application will provide simple, easy-to-understand explanations that clarify the concepts tested.
   
4. **Progress Tracking**: Users can track their progress and performance on quizzes, allowing them to focus on areas needing improvement.

5. **User Dashboard**: A clean dashboard that displays uploaded PDFs, previous quizzes, scores, and areas of improvement.

6. **User Authentication**: Secure login and account management to save user progress and preferences.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, ensuring users can focus on content without distractions.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: A single-column layout for the main content area with a sidebar for navigation. The header will contain branding and user profile access.
- **Typography**: Use sans-serif fonts (e.g., Roboto or Open Sans) for clarity and legibility, with a hierarchy that emphasizes headings and subheadings for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a dynamic and type-safe front-end.
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid prototyping and consistent design.
- **UI Components**: Utilize shadcn/ui for building consistent and accessible user interface components.
- **State Management**: Use React Context or a state management library like Redux if needed for managing user state and quiz data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui components.
   
2. **Create PDF Upload Component**: Develop a component that allows users to upload PDF files, implementing file validation and parsing logic.
   
3. **Implement Quiz Generation Logic**: Create a utility function that extracts text from the PDF and generates quiz questions based on key concepts.
   
4. **Build Explanatory Content Feature**: Develop a mechanism to provide explanations for each quiz question, utilizing simple language and examples.
   
5. **Design User Dashboard**: Create a user-friendly dashboard that displays uploaded PDFs, quiz results, and performance metrics.
   
6. **Set Up User Authentication**: Implement user authentication features using Firebase or Auth0 to secure user data and progress.

7. **Responsive Design**: Ensure the application is fully responsive, allowing for optimal use on mobile devices and tablets.

## USER EXPERIENCE
Users will start by creating an account or logging in. Once authenticated, they can upload their PDF study material. The application will then parse the PDF, generate a quiz, and provide easy-to-understand explanations for each question. Users can take the quiz, track their progress, and revisit explanations as needed. The minimalist design will ensure that users can focus on learning without unnecessary distractions, enhancing their study experience.