Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
Build a premium web productivity analytics application that combines a Dashboard, Calendar, Habit Tracker, and Analytics. This application will provide users with a seamless experience to manage their productivity, track habits, and visualize performance data, all while maintaining a minimalist and clean design.

# CORE FEATURES
1. **Dashboard**: A central hub displaying key metrics, upcoming events, and performance trends with a toggle for Today, Week, and Month views.
2. **Calendar**: A clean, hour-based calendar layout allowing users to view and manage events without internal grid lines, featuring a single continuous event block rendering.
3. **Habit Tracker**: A tracker that displays habits in a monthly view, with toggle options for weekly and yearly views, allowing users to add habits and track their completion.
4. **Performance Charts**: Interactive charts displaying habit performance with cumulative totals, tracking completion and missed habits, and providing insights into productivity.
5. **Shared State**: Real-time data synchronization across the application sections, ensuring all metrics and visualizations update automatically based on user interactions.
6. **Analytics Grid**: A dedicated section providing insights such as longest streak, consistency rate, and focus score to help users evaluate their productivity patterns.

# DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple, utilizing plenty of white space and a minimal color palette to enhance user focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a professional appearance.
- **Layout**: Utilizes rounded 2xl cards with soft shadows, generous spacing, and no heavy borders or harsh gridlines. The navigation bar is top-fixed, and sections transition smoothly without page reloads.
- **Typography**: Use a clean sans-serif font for headings and body text, ensuring a clear visual hierarchy with appropriate sizing and weight to distinguish between sections.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components that align with the minimalist design ethos.
- **State Management**: Implement state management using Context API or Zustand for efficient global state handling.

# IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Navigation Bar**: Implement a fixed top navigation bar with links to Dashboard, Calendar, Habits, and Combined View. Ensure smooth transitions between sections.
3. **Develop Dashboard**: Create the dashboard layout, including hero cards for upcoming events, snapshot cards for habit and event metrics, and a main performance trend chart.
4. **Build Calendar Component**: Design the calendar using a vertical hour layout, ensuring single continuous event blocks and a fully functional Add Event modal.
5. **Implement Habit Tracker**: Develop the habit tracker with monthly, weekly, and yearly views, allowing users to add and complete habits easily.
6. **Create Performance Charts**: Implement dynamic charts for habit performance, providing users with insights based on their data.
7. **Set Up Shared State**: Ensure all sections update in real-time by implementing global state management.
8. **Testing and Refinement**: Conduct thorough testing to ensure all components work as intended and refine the design based on user feedback.

# USER EXPERIENCE
Users will interact with a clean interface where they can easily navigate through the dashboard, view their calendar, and track habits. The seamless transitions and shared state will create a fluid experience, ensuring that any updates in one section reflect across the application. The minimal design will focus attention on the data, making it easy for users to gain insights into their productivity patterns and habits.