Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to enhance productivity and time management through various features such as a Pomodoro timer, habit tracker, and reminder system. It aims to provide users with tools to manage their time effectively, track their habits, and access motivational tips, all in a clean and user-friendly interface.

## CORE FEATURES
1. **Home Dashboard**: A welcoming hero section with a catchy headline and a brief introduction to the application, providing quick links to all other tabs.
2. **Tips Section**: A comprehensive library of time management strategies, study methods, and motivation techniques, designed to inspire and educate users on effective productivity.
3. **Pomodoro Timer**: A focus timer set for 25 minutes of work followed by 5-minute short breaks and a 15-minute long break, complete with a session counter and sound alerts.
4. **Habit Tracker**: A daily checklist for users to track their habits, complete with a streak counter to motivate consistency and progress.
5. **Timetable**: A grid layout for scheduling activities from Monday to Sunday, allowing users to add subjects/activities, with color coding for better organization and a print/download option.
6. **Reminders**: A system for setting custom reminders with specific times and messages, including auto-reminders linked to the timetable and browser push notifications.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds for easy readability.
- **Layout**: The main layout features a top navigation bar for easy access to the Home, Tips, Pomodoro, Habit Tracker, Timetable, and Reminders tabs. Each section is clearly defined with ample spacing.
- **Typography**: Use sans-serif fonts like 'Roboto' or 'Open Sans' for body text and a bolder font for headings to ensure clarity and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS to facilitate rapid development with a focus on responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and modern UI elements.
- **State Management**: Use React Context or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the layout**: Implement the main navigation bar and structure the application into separate components for each feature.
4. **Develop core features**:
   - Implement the Home Dashboard with navigation links.
   - Build the Tips section with categorized content.
   - Develop the Pomodoro timer functionality with session tracking.
   - Create the Habit Tracker with checklist and streak tracking.
   - Design the Timetable with color coding and print/download options.
   - Set up the Reminders feature with notification capabilities.
5. **Style the application**: Use Tailwind CSS to apply the minimalist design principles across all components.
6. **Test and optimize**: Ensure all features work seamlessly and are responsive across devices.

## USER EXPERIENCE
Users will start at the Home Dashboard, where they can easily navigate to any section. The Pomodoro timer will provide an interactive experience with visual feedback during focus sessions. The Tips section will present motivational content in an engaging manner. Users can check off habits daily, view their progress, and set reminders that will alert them for upcoming tasks. The overall experience will be intuitive, encouraging users to establish productive routines and maintain focus on their goals.