Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a fully interactive web application designed for a 12-week Digital Marketing course aimed at making students industry-ready in India. The platform will feature dashboards for progress tracking, assignments, and interactive simulations, focusing on a hands-on learning experience rather than static content.

## CORE FEATURES
1. **Dashboard**: Displays course progress percentage, current week, pending tasks, and performance metrics like assignments completed and average scores.
2. **Course Modules**: Comprises 12 weeks of content with video placeholders, notes sections, interactive exercises, and assignment submissions for various digital marketing topics.
3. **Interactive Tools**: Includes a Funnel Builder Tool, Ad Simulator, SEO Planner, Content Generator, and Landing Page Builder that allow users to create and simulate campaigns.
4. **Assignment System**: Facilitates weekly assignment submissions with auto-scoring quizzes, manual grading fields, and a feedback section for detailed guidance.
5. **Gamification**: Introduces a points system for task completion, levels per week, a badge system, and a leaderboard to enhance user engagement.
6. **Advanced Features**: AI mentor chatbot, weekly performance report generation, resume and portfolio builder, and exportable case study generator.

## 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 utilize a card-based design with a sidebar navigation system, ensuring easy access to different sections and maintaining a modern, sleek aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Redux or Context API for efficient data handling.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Structure**: Design the overall layout using a sidebar for navigation and a main content area for displaying dashboards and modules.
3. **Implement Dashboard Component**: Develop the dashboard to display user progress, tasks, and performance metrics using state management for dynamic data updates.
4. **Build Course Modules**: Create components for each week's content, including video players, notes sections, interactive exercises, and assignment submissions.
5. **Integrate Interactive Tools**: Develop the Funnel Builder, Ad Simulator, SEO Planner, Content Generator, and Landing Page Builder with user input forms and output displays.
6. **Establish Assignment System**: Implement features for assignment uploads, grading, and feedback with a user-friendly interface.
7. **Gamification Features**: Create a points and badge system, and set up a leaderboard to encourage user engagement.
8. **Develop Advanced Features**: Include the AI mentor chatbot and performance report generation, ensuring they are integrated seamlessly into the user experience.
9. **Testing and QA**: Conduct thorough testing to ensure responsiveness and functionality across devices, making adjustments as necessary.
10. **Deployment**: Prepare the web application for launch, ensuring hosting and domain setup for public access.

## USER EXPERIENCE
Users will navigate through a clean and modern interface, utilizing a sidebar to access different modules and dashboards easily. The dashboard will provide a snapshot of their progress, while the course modules will encourage interactive learning through videos and practical exercises. Users will be able to simulate campaigns and track their performance in real-time, enhancing their engagement and readiness for the digital marketing industry. The gamification elements will motivate students to complete tasks and improve their learning experience. 

This comprehensive approach ensures a functional, user-friendly platform that meets the educational goals while maintaining a sleek and modern design.