Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
SmartStudy AI is a web application designed to enhance student learning through an AI-powered platform that processes educational resources such as videos and text. By leveraging the Google Gemini API, the app generates personalized quizzes, provides instant feedback, and suggests targeted resources for improvement, fostering a more effective and engaging learning experience.

## CORE FEATURES
1. **Dual Input Module**: Users can input educational content via YouTube links or raw text, with a toggle for seamless switching between video and text sources.
2. **Interactive Quiz Engine**: Generates dynamic multiple-choice quizzes based on user input, displaying one question at a time to minimize cognitive overload.
3. **Instant Feedback & Diagnostics**: Provides immediate feedback on quiz performance, along with a "Learning Blueprint" that identifies weaknesses and suggests targeted resources.
4. **Analytics & History Tracker**: Displays user performance metrics, including total quizzes taken and average scores, alongside a historical log of previous quizzes for tracking progress.
5. **Customizable Quiz Options**: Allows users to select quiz difficulty and the number of questions tailored to their learning needs.
6. **Responsive Design**: A modern interface with light/dark mode toggle, ensuring accessibility and usability across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout features a fixed sidebar for navigation with sections for the Study Hub, Analytics & History, Study Resources Library, and API Configurations, complemented by a central content area for quizzes and feedback.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (as needed based on complexity).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Component Structure**: Develop core components including Sidebar, StudyHub, QuizEngine, Feedback, and Analytics.
3. **Implement Input Module**: Build the Dual Input Module allowing users to switch between video and text input, ensuring proper handling of file uploads and URL inputs.
4. **Develop Quiz Engine**: Create the interactive quiz layout, implementing question rendering, user selection handling, and progress visualization.
5. **Feedback System**: Establish the instant feedback and diagnostics engine, integrating the Google Gemini API for data processing and resource suggestions.
6. **Analytics Tracking**: Implement the performance dashboard and historical log to display user statistics and quiz history.
7. **Responsive Design**: Ensure the application is fully responsive, adapting to different screen sizes while maintaining usability and aesthetics.
8. **Testing**: Conduct thorough testing of all functionalities, including quiz generation, feedback accuracy, and overall user experience.
9. **Deployment**: Prepare the application for deployment, ensuring all configurations are set for production use.

## USER EXPERIENCE
Users will interact with SmartStudy AI by selecting their input type (video or text) and entering their educational resource. Upon generating a quiz, they will navigate through questions with visual progress indicators. After submitting answers, users will receive immediate feedback along with a detailed analysis of their performance, making the learning process more engaging and effective. The analytics section allows users to track their progress over time, reinforcing their learning journey.