Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to serve as a study platform focused on video content, providing users with tools for knowledge retention and consistency tracking. It aims to assist full-stack development students in organizing their learning materials, reviewing content through spaced repetition, and maintaining daily study habits with a contribution graph.

## CORE FEATURES
1. **Video Player**: A simple interface to watch course videos, with a list of lessons and the ability to mark lessons as completed.
2. **Spaced Repetition System**: Each lesson is accompanied by flashcards in a question/answer format, allowing users to review content based on their chosen difficulty level: Easy, Medium, or Hard.
3. **Contribution Graph**: Displays the days when the user has studied, marking days based on completed lessons or reviewed flashcards, with intensity reflecting the amount of activity.
4. **Lesson Summary**: Each lesson includes a field for users to write a manual summary, promoting active engagement with the material.

## 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 as an alternative)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for the Video Player, Flashcards, Contribution Graph, and Lesson Summary using the specified UI components from shadcn/ui.
3. **Build Data Structure**: Establish a simple data structure for courses, lessons, flashcards, and daily activities as outlined in the project description.
4. **Implement Routing**: Set up routing for different pages (course list, lesson view, daily review) using React Router.
5. **Integrate State Management**: Use Redux Toolkit or Context API for managing application state, particularly for user progress and flashcard reviews.
6. **Design UI**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring responsiveness across devices.
7. **Testing**: Conduct thorough testing of all features, focusing on user interactions and data flow.

## USER EXPERIENCE
Users will interact with the application by navigating through a clean interface. They can easily view courses, watch videos, complete lessons, and review flashcards. The contribution graph will provide visual feedback on their study consistency, motivating them to engage with the platform regularly. The simplicity of the design will ensure that users can focus on learning without distractions.