Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based flashcard study tool designed to assist users in preparing for various examinations such as contests, tests, and the ENEM. Users can upload PDF content or input links to syllabi, and the AI will generate customizable flashcards to enhance learning efficiency.

## CORE FEATURES
1. **PDF Upload and Link Input**: Users can easily upload PDF documents or provide links to official syllabi, allowing the system to extract relevant information for flashcard creation.
   
2. **AI Flashcard Generation**: The application utilizes AI algorithms to analyze the input content and automatically generate tailored flashcards, ensuring comprehensive coverage of the material.

3. **Customizable Flashcards**: Users can edit generated flashcards, adjusting questions and answers, adding images, and organizing cards into sets based on subjects or topics.

4. **Study Modes**: Multiple study modes such as review mode, quiz mode, and spaced repetition help users engage with the material dynamically and effectively.

5. **Progress Tracking**: Users can monitor their study progress, track completed flashcards, and receive insights into their learning patterns.

6. **User-Friendly Dashboard**: A clean, minimalist dashboard provides easy navigation through flashcard sets and study statistics, ensuring an intuitive user experience.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean and simple design, emphasizing usability and clarity through ample white space and a minimal color palette.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal readability.
- **Layout**: A single-column layout for the dashboard, where the main content area displays flashcard sets in a card format, with a sidebar for navigation and settings.
- **Typography**: Use a sans-serif font like Inter for body text, with headings in a bold style to create a clear hierarchy. Ensure a consistent font size and spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component management.
- **Styling**: Tailwind CSS for swift styling and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-designed components that adhere to the minimalist aesthetic.
- **State Management**: Consider using Zustand or React Context API for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript support. Install Tailwind CSS and shadcn/ui.
  
2. **Design the Dashboard**: Implement the dashboard layout with a sidebar for navigation and a main content area for flashcard sets. Use Tailwind CSS classes for spacing and alignment.
  
3. **Implement PDF Upload and Link Input**: Create components that allow users to upload PDFs and input links, ensuring they are processed correctly for flashcard generation.

4. **Develop AI Flashcard Generation Logic**: Integrate an AI service that can parse the uploaded content and generate flashcards. Ensure this logic is modular for easy updates.

5. **Customize Flashcard Component**: Build a flashcard component that allows users to edit and organize their cards, utilizing state management for changes.

6. **Add Study Modes and Progress Tracking**: Implement different study modes and a progress tracking system, ensuring users can easily switch modes and view their learning progress.

7. **Test Responsiveness**: Ensure the application is fully responsive for various devices, optimizing layout and functionality for mobile users.

## USER EXPERIENCE
The user experience focuses on seamless interaction with the application. Upon logging in, users are greeted with a minimalist dashboard where they can quickly upload content or access existing flashcard sets. The flashcard editing feature allows for quick edits, while the study modes provide varied learning experiences. Progress tracking gives users insightful feedback, encouraging continued engagement and improvement. The overall design promotes ease of use, ensuring users can focus on studying without distractions.