Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a study platform focused on video content, aimed at assisting full-stack development students. It provides tools for knowledge retention and consistency tracking, enabling users to organize their learning materials, review content through spaced repetition, and maintain daily study habits with a contribution graph.

## CORE FEATURES
1. **Video Player**: A simple interface to watch course videos, complete with a list of lessons and an option to mark lessons as completed. Videos will be embedded via iframe (e.g., Google Drive or YouTube).
   
2. **Spaced Repetition System**: Each lesson includes flashcards in a question/answer format with review options: Easy, Medium, and Hard, applying a spaced repetition logic for effective learning.

3. **Contribution Graph**: Displays days when the user studied, tracking lesson completions and flashcard reviews based on defined activity rules and intensity levels.

4. **Lesson Summary**: Each lesson features a field for a manual summary to encourage active recall and reflection on the material learned.

5. **Persistence**: Utilize local storage or a simple mock database to store completed lessons, flashcard progress, and daily activity.

## 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 course page featuring a list of lessons, a lesson page with a video player, completion button, summary, flashcards, and a daily review page displaying the contribution graph.

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

## IMPLEMENTATION STEPS
1. Set up the project using React, TypeScript, and Tailwind CSS.
2. Create components:
   - Video Player
   - Flashcards
   - Contribution Graph
   - Lesson Summary
3. Build the data structure to manage user progress and content.
4. Implement routing using React Router for navigating between pages.
5. Integrate state management (Redux Toolkit or Context API) for managing application state.
6. Apply UI design principles using Tailwind CSS to maintain the minimalist aesthetic.
7. Test interactions and data flow to ensure a smooth user experience.

## USER EXPERIENCE
Users will navigate a clean interface where they can watch videos, complete lessons, and review flashcards daily. The contribution graph provides visual feedback on their consistency, encouraging the formation of study habits. The system is designed to minimize friction, promoting continuous learning through fast navigation and clear progression.