Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based tool designed to help users track their medication intake. It allows users to log the medications they are taking, monitor dosages, and set reminders for their medication schedules, ensuring they never miss a dose while maintaining an organized overview of their health management.

## CORE FEATURES
1. **Medication Log**: Users can input and manage their medications, including name, dosage, frequency, and duration.
2. **Reminders and Notifications**: Users can set reminders for each medication, receiving notifications when it's time to take their medicine.
3. **Intake History**: A visual timeline of medication intake, allowing users to view their adherence over time.
4. **Profile Customization**: Users can create profiles to store personal information, including allergies and other medications to avoid.
5. **Reporting**: Generate reports summarizing medication adherence and history, which can be shared with healthcare providers.
6. **User Support**: Access to FAQs and support resources for troubleshooting and guidance.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design focusing on a clean and simple aesthetic, utilizing ample white space to enhance readability and navigation.
- **Color Mode**: A light theme with dark text on light backgrounds for optimal contrast and legibility.
- **Layout**: A single-page layout featuring a sidebar for navigation, a main content area displaying medication logs and notifications, and a footer with additional resources and links.
- **Typography**: Use a sans-serif font like "Helvetica Neue" for body text, with a larger, bold typeface for headings to establish a clear visual hierarchy. Maintain consistent spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type checking and component management.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations while adhering to the minimalist aesthetic.
- **UI Components**: Utilize shadcn/ui for reusable components that align with the minimalist design principles.
- **State Management**: Implement React Context API for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop components for the medication log, reminder notifications, and user profile.
3. **Implement Routing**: Set up routing with React Router to facilitate navigation between different sections of the app.
4. **State Management**: Integrate Context API to manage medication data and user profiles.
5. **Design Layout**: Structure the layout using Tailwind CSS classes to create a responsive, minimalist interface.
6. **Testing**: Conduct thorough testing of all features, ensuring functionality and user experience are seamless.
7. **Deployment**: Prepare the application for deployment on a hosting platform suitable for React apps.

## USER EXPERIENCE
Users will interact with the application through an intuitive interface that emphasizes simplicity. Upon logging in, users are greeted with a clear dashboard displaying their medication schedule. They can easily add or edit medications, set reminders, and view their intake history using simple forms and buttons. The responsive design ensures the app is usable on both desktop and mobile devices, providing a consistent experience across platforms.