Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a comprehensive web app designed for students in grades 11 and 12 to track their academic progress, attendance, fitness, and finances. It will include features for task management and reminders, offering a user-friendly interface with vibrant dark and light themes for enhanced usability.

## CORE FEATURES
1. **Academic Progress Tracking**: Monitor grades, unit tests, and chapter coverage with trend lines for each subject and chapter to identify strengths and weaknesses.
2. **Attendance Management**: Track attendance for each subject and lecture with customizable thresholds.
3. **Task Management**: A calendar-like interface for organizing due tasks, incorporating daily reminders and a daily checklist for better productivity.
4. **Fitness and Health Tracking**: Log fitness activities and progress to promote a healthy lifestyle.
5. **Finance Tracker**: Keep track of personal finances and expenses, allowing users to manage their budgets effectively.
6. **Skill Learning Module**: A dedicated space to learn new skills, with resources and progress tracking.

## 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**: A responsive layout featuring a sidebar for navigation, a main content area for displaying academic and fitness tracking, and a footer for additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, Redux (or Context API), and shadcn/ui for UI components.
3. **Create Core Components**: Develop components for the dashboard, task manager, attendance tracker, finance tracker, and skill learning module.
4. **Implement Routing**: Set up routing with React Router for navigating between different sections of the app.
5. **State Management**: Configure state management for tracking user data, including academic progress, attendance, tasks, and finances.
6. **Design UI**: Use Tailwind CSS to implement the minimalist design specifications, ensuring a responsive layout across devices.
7. **Integrate AI Features**: Incorporate AI for personalized study recommendations and progress tracking.
8. **Testing**: Conduct thorough testing to ensure all features are functioning correctly and the app is user-friendly.

## USER EXPERIENCE
Users will start by logging into the app, where they will be greeted with a clean and organized dashboard. They can easily navigate through different sections using a sidebar menu. The task management feature allows users to set and track their due tasks, while academic progress tracking provides visual insight into their performance. The fitness module encourages healthy habits, and the finance tracker helps manage budgets effectively. Users will also receive reminders for tasks and study sessions, ensuring they stay on top of their responsibilities.

This prompt is structured to ensure Lovable captures all aspects of your vision for a comprehensive academic tracking web application.