Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
FocusFlow is a mobile-first web application designed as a smart study assistant that helps students learn effectively. It addresses common study challenges such as procrastination, feeling overwhelmed, and ineffective study habits by guiding users step-by-step like a personal learning coach.

## CORE FEATURES
1. **Smart Study Planner**: Users input their subject and exam/test date, and the app automatically splits content into daily tasks and creates a realistic study schedule with spaced repetition.
   
2. **Focus Mode**: A fullscreen minimal UI with a timer for focused study sessions (default: 25 minutes focus and 5 minutes break), displaying a visual progress indicator to keep users engaged.

3. **Micro-Testing**: After each study session, users are presented with 2-3 quick questions (multiple choice or short answer) to encourage active recall and immediate feedback to reinforce learning.

4. **“Explain It Simply” Feature**: Users can type a topic and receive a simple explanation followed by a slightly deeper explanation. An optional follow-up mini quiz helps reinforce understanding.

5. **“I’m Stuck” Assistant**: When users express confusion, the app asks clarifying questions, identifies the misunderstanding, and provides a tailored explanation, resembling a tutoring experience.

6. **Progress & Motivation**: The app includes a daily streak, progress tracking per subject, and subtle rewards through clean animations to motivate users without adding stress.

## 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 will include a home screen displaying "Today's Tasks", a dedicated focus mode, a progress tracking screen, and an interface for adding subjects and planning.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React's built-in state management or Context API as needed for managing user sessions and progress tracking.

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and install Tailwind CSS for styling.
2. Create the main application structure with components for Home, Focus Mode, Progress Tracker, and Subject Planning.
3. Implement the Smart Study Planner feature, utilizing local storage to save user input and dynamically generate daily task lists.
4. Develop Focus Mode with a timer component and visual progress indicators, ensuring a distraction-free interface.
5. Integrate the Micro-Testing feature to prompt users with questions post-study sessions, including logic for immediate feedback.
6. Build the “Explain It Simply” feature with an input field and conditional rendering for explanations and quizzes.
7. Create the "I’m Stuck" Assistant flow, ensuring user interactions lead to tailored explanations based on their confusion.
8. Implement the Progress & Motivation tracking system, incorporating streaks and visual rewards.
9. Ensure the app is responsive and optimized for mobile use, testing performance as a Progressive Web App (PWA).

## USER EXPERIENCE
The user experience is designed to be simple and calming, allowing students to focus on their studies without distractions. Key interactions include entering subjects and exam dates, starting focus sessions with a timer, responding to quick tests, and receiving explanations. The app should feel like a supportive coach, promoting consistency and making studying feel achievable. The interface is clutter-free with large touch-friendly buttons and a maximum of 1-2 actions per screen to minimize information overload.