Lovable Prompt Creator - AI Prompt Generator

## ### ## # ## APPLICATION OVERVIEW
This application is a web app designed for family members to record and manage important health-related information about a loved one. It will allow users to add medical reports, manage medication schedules, track medical appointments, and set reminders for upcoming events, all within a clean and user-friendly interface.

## CORE FEATURES
1. **Medical Reports**: A section where users can upload and view photos of medical reports, providing an easy way to access important health information.
2. **Medication Management**: Users can input current medications, track dosage modifications, and add or remove medications as needed.
3. **Appointment Tracker**: A feature to log medical appointments, including date, time, and doctor details, ensuring no appointments are missed.
4. **Reminders & Alarms**: Users can create reminders for appointments and medication schedules, with push notifications to alert them at the specified times.
5. **User Accounts**: Users can create personal accounts to securely manage their information and allow multiple family members to access the app safely.

## 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 main layout will consist of a top navigation bar for easy access to features, a main content area displaying the selected feature (e.g., medical reports, medication management), and a sidebar for quick links to other sections.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design the Layout**: Create the main layout structure including the navigation bar and sidebar.
3. **Build Core Features**:
   - Implement the Medical Reports section with file upload functionality.
   - Create the Medication Management feature, allowing users to add, edit, and delete medications.
   - Develop the Appointment Tracker to log and display appointments.
   - Set up the Reminders & Alarms functionality using browser notifications.
4. **Implement User Authentication**: Set up user accounts and secure access to personal data.
5. **Add Responsive Design**: Ensure the app is mobile-friendly and responsive across devices.
6. **Testing**: Conduct thorough testing of all features and fix any bugs.

## USER EXPERIENCE
Users will navigate through the app via a clean interface, with intuitive access to each feature from the navigation bar. They can easily upload medical reports, input medication data, and set reminders with minimal clicks. The layout will provide clear visibility of important information, making it easy to manage their loved one's health records efficiently. Notifications will prompt users about upcoming appointments and medication schedules, enhancing the overall user experience.