Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive Learning Management System (LMS) web application designed to facilitate the sale and management of online courses. It features a modern, minimalist interface that enhances user engagement and simplifies the learning experience.

## CORE FEATURES
1. **Homepage**: Presents a clear value proposition, hero section with a strong call to action (CTA), instructor introductions, featured courses, success stories, and FAQs.
2. **Course Catalog**: Allows users to browse courses with advanced search and filtering capabilities, including categories and difficulty levels.
3. **Course Sales Page**: Showcases detailed course information including learning outcomes, pricing, testimonials, and a buy now CTA.
4. **Checkout & Payments**: Streamlined one-page checkout process supporting multiple payment gateways and coupon codes.
5. **Student Dashboard**: Central hub for users to track their courses, progress, certificates, and notifications.
6. **Community Features**: Discussion forums and student groups to foster interaction and engagement among learners.

## 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 layout will be structured into sections with a prominent header, a flexible grid for course listings, and intuitive navigation to enhance user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Zustand for global state management

## IMPLEMENTATION STEPS
1. **Set up the React application**: Initialize a new project using Create React App with TypeScript templates.
2. **Install necessary packages**: Add Tailwind CSS and any other required dependencies such as shadcn/ui and state management libraries.
3. **Create the main layout structure**: Develop the header, navigation, and footer components to ensure consistent design across the application.
4. **Build the homepage**: Implement the hero section, course highlights, and testimonials using Tailwind CSS for styling.
5. **Develop course catalog and sales pages**: Create components for course listings, details, and checkout functionalities.
6. **Integrate backend services**: Set up API endpoints for courses, payments, and user authentication.
7. **Implement the student dashboard**: Design the dashboard UI with features for tracking courses, certificates, and community interactions.
8. **Add community and assessment features**: Create components for forums, quizzes, and certificates.
9. **Conduct user testing and feedback**: Test the application for usability and make necessary adjustments.

## USER EXPERIENCE
Users will have a seamless experience navigating through the LMS web app. They can easily discover courses through the catalog, view detailed sales pages, and complete purchases with a single page checkout. The student dashboard will provide personalized insights into their learning journey, while community features will encourage collaboration and engagement among peers. The minimalist design ensures that users can focus on their learning without distractions.