Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a minimalist routine tracker designed to help users monitor and cultivate their daily habits. By providing a simple interface, users can easily log their activities, set goals, and visualize their progress over time, promoting consistency and personal growth.

## CORE FEATURES
1. **Habit Tracking**: Users can create, edit, and delete habits they wish to track on a daily basis, allowing customization to fit individual goals.
2. **Progress Visualization**: A visual dashboard displays daily, weekly, and monthly progress through graphs and charts, helping users stay motivated.
3. **Reminders and Notifications**: Users can set reminders for their habits to ensure they stay on track, with customizable notification options.
4. **Goal Setting**: Users can define specific goals for each habit, with a progress indicator to motivate completion.
5. **User Profiles**: Each user can create a personal profile to save their habits and settings securely, with login functionality.
6. **Analytics Dashboard**: Provides insights into user habits over time, helping identify patterns and areas for improvement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on clarity and ease of use.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and comfort.
- **Layout**: A single-page layout featuring a header with navigation, a main content area for habit tracking and visualization, and a footer for additional information and contact.
- **Typography**: Use a sans-serif font like Inter for headings and body text, ensuring a modern and legible appearance. Establish a clear hierarchy with larger sizes for headings and consistent spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and a robust structure.
- **Styling**: Tailwind CSS for efficient styling and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Use React Context API or Zustand for state management to keep the application lightweight and efficient.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create the Basic Structure**: Set up the main components, including Header, HabitList, HabitForm, and ProgressDashboard.
3. **Implement User Authentication**: Create user profiles with authentication logic using Firebase or Auth0 for secure login and registration.
4. **Develop Habit Tracking Functionality**: Build the functionality to add, edit, and delete habits, ensuring each habit can be linked to a user account.
5. **Set Up Notifications**: Integrate a notifications system using browser notifications or local reminders for habit reminders.
6. **Create Analytics Dashboard**: Implement the progress visualization feature using chart libraries like Chart.js or Recharts to display users' data effectively.
7. **Focus on Responsiveness**: Ensure the application is responsive across devices by leveraging Tailwind CSS's utility classes.

## USER EXPERIENCE
Key user interactions include signing up or logging in to access personalized data, adding new habits through a simple form, and viewing progress through an intuitive dashboard. Users will receive timely reminders to encourage habit completion, and they will be able to track their achievements visually, fostering a sense of accomplishment and motivation. The minimalist design ensures that users can navigate smoothly without distraction.