Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide a streamlined experience for generating reports based on an online AI course, "Elements of AI." The application will allow users to input their course progress and automatically generate a structured report summarizing their learning achievements and insights.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process to manage user accounts and access personalized report features.
2. **Course Progress Tracking**: Users can input and update their course completion status, including modules completed and key insights gained.
3. **Report Generation**: Automated generation of comprehensive reports based on user input, formatted for easy reading and sharing.
4. **Downloadable Reports**: Users can download their generated reports in PDF format for offline access and sharing.
5. **User Dashboard**: A clean dashboard displaying the user's progress, completed modules, and options to generate new reports.
6. **Feedback Section**: Users can provide feedback on course elements to improve the learning experience.

## 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 feature a top navigation bar, a central dashboard area for user interactions, and a sidebar for quick access to report generation and course tracking features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user state and course progress data

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, Redux, shadcn/ui).
2. **Create Authentication Module**: Implement user sign-up and login functionalities using Firebase or another authentication service.
3. **Develop Dashboard Layout**: Design the main dashboard layout using Tailwind CSS, ensuring a responsive design that works across devices.
4. **Implement Course Progress Tracking**: Create forms for users to input their course progress and insights. Store this data in the Redux store.
5. **Build Report Generation Feature**: Develop the logic to format user input into a structured report, utilizing libraries like jsPDF for PDF generation.
6. **Create Feedback Section**: Implement a feedback form that allows users to submit their experiences and suggestions regarding the course.

## USER EXPERIENCE
Users will have a seamless experience starting from the login page, where they can authenticate their accounts. Once logged in, they will be directed to their dashboard, where they can input their course progress and generate reports. The application will feature intuitive navigation, allowing users to quickly access different functionalities, such as progress tracking and report generation. Upon generating a report, users will receive instant feedback and the option to download their report in PDF format.