Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to manage medication reminders with a focus on user-friendly interactions. Users can view their medications by notified date, specify doses, and set alarms through mobile devices or Alexa. The platform emphasizes simplicity and effectiveness in helping users manage their health routines.

## CORE FEATURES
1. **Medication Management**: Users can view and manage their medications by date, including dosage details.
2. **Alarm Integration**: Users have the option to set alarms through mobile devices or Alexa, enabling convenient reminders.
3. **Customizable Reminders**: Reminders can be set to repeat on specific days and times, catering to individual schedules.
4. **User-Friendly Interface**: A clean and minimalist design ensures intuitive navigation and ease of use.
5. **Multi-Language Support**: The application menu and features are available in Spanish, enhancing accessibility for Spanish-speaking users.

## 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 feature a header with navigation, a central area displaying medication information, and a sidebar for setting alarms and reminders.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand (for easy state management without boilerplate)

## IMPLEMENTATION STEPS
1. **Set up the project structure**: Create a new React project with TypeScript and install Tailwind CSS and Zustand.
2. **Design the layout**: Implement the header, main content area for medication details, and sidebar for alarms using Tailwind CSS classes.
3. **Integrate Google Fonts**: Import Inter font into the project and apply it to headings and body text.
4. **Develop core functionality**:
   - Create components for medication management, including a form for adding/editing medication.
   - Implement alarm settings, allowing users to choose between mobile and Alexa reminders.
5. **Add localization**: Ensure the application’s text elements are translatable, focusing on Spanish for the main menu and features.
6. **Test the application**: Conduct thorough testing to ensure all functionalities work seamlessly and the design is responsive.

## USER EXPERIENCE
Users will navigate through a streamlined interface where they can easily access their medication schedule. They will be able to add new medications, set alarms quickly, and receive reminders through their preferred method. The application will provide a clear and concise experience, enhancing the user's ability to manage their medications effectively.