Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to enhance task and appointment management through interactive features and AI integration. Users can manage their commitments, receive proactive suggestions, and streamline their workflow with seamless calendar synchronization and intelligent reminders.

## CORE FEATURES
1. **Commitment Pop-up**: Upon opening the application, users will see a pop-up displaying overdue and today's commitments, allowing them to reschedule, mark as done, or adjust their importance.
2. **Interactive AI Chat**: A chat feature powered by AI to assist users with inquiries about their tasks and to provide insights based on their commitments.
3. **Calendar Integration**: Sync with personal and work calendars (Google) to prompt users to convert daily commitments into actionable tasks.
4. **Hourly AI Suggestions**: The app will provide hourly tips, reminders, and insights about commitments based on their importance, helping users stay organized.
5. **Contact History**: Maintain a history of involved individuals to facilitate the suggestion of contacts when creating new tasks or demands.
6. **Reporting Capability**: Users can generate reports regarding their tasks, providing insights and analysis on their workload.
7. **Dashboard Overview**: A main dashboard displaying all tasks with relevant graphs and statistics to give users a clear overview of their commitments.

## 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 application will feature a sidebar for navigation, a main content area for tasks and reports, and a chat interface integrated into the dashboard for easy access.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Design Layout**: Create the main layout with a sidebar for navigation and a content area for tasks and reporting.
3. **Implement Commitment Pop-up**: Develop the pop-up component that triggers on app load to show overdue and today's commitments.
4. **Build AI Chat Component**: Integrate an AI chat interface where users can ask questions about their tasks.
5. **Calendar Sync Integration**: Implement Google Calendar API for syncing user commitments and converting them into tasks.
6. **Develop Hourly Reminder System**: Create a background service to send hourly reminders based on task importance.
7. **Set Up Contact History**: Design and implement a feature to maintain a history of contacts linked to tasks.
8. **Create Reporting Module**: Build functionality for users to generate and view reports on their tasks.
9. **Develop Dashboard**: Create a dashboard displaying graphs and statistics related to user tasks.

## USER EXPERIENCE
Users will engage with the application primarily through the dashboard, where they can view all their tasks and commitments at a glance. The pop-up will guide them on what needs immediate attention. The AI chat will serve as a virtual assistant, providing personalized insights and information on demand. Calendar integration will streamline their workflow, while the reporting feature will help users analyze their productivity over time. The overall experience will focus on simplicity, ease of navigation, and effective task management.