Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This web application is designed to help users track their vitamin and medication intake efficiently. It allows users to input specific details about their medications or vitamins, set reminders, and receive notifications, ensuring they never forget to take their doses. The app is built with the intention of being converted into an Android application in the future.

## CORE FEATURES
1. **Input Management**: Users can input the name of the medicine or vitamin, frequency of intake, and timing relative to meals (before, after, or with meals).
2. **Antibiotic Schedule**: For antibiotics, users can specify the number of doses per day and set a course end time for tracking.
3. **Countdown Timer**: The app displays a countdown timer for the next scheduled intake, enhancing user awareness and prompting timely action.
4. **Notification Integration**: Users can opt to receive notifications in their notification bar, reminding them when it's time to take their vitamins or medications.
5. **User-Friendly Interface**: A clean and minimalist design focused on usability to ensure easy navigation and input management.

## 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 header with the app title, a central dashboard displaying the countdown timer and next intake information, and sections for adding new medications or vitamins. Additional settings and notifications preferences will be accessible via a side menu.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing the state of user inputs and notifications

## IMPLEMENTATION STEPS
1. **Set up the React project with TypeScript and Tailwind CSS**: Initialize a new React project and configure Tailwind CSS.
2. **Create the main components**: Develop components for the header, input forms, countdown timer, and notification settings.
3. **Implement state management**: Utilize React Context API or Zustand to manage the state of the inputs and countdown timers.
4. **Establish notification functionality**: Use the Notifications API to handle sending notifications based on user preferences.
5. **Design the layout**: Apply Tailwind CSS classes to achieve the minimalist design specifications outlined above.
6. **Test the user flows**: Ensure the input management and notification systems work seamlessly, and conduct usability tests for intuitive user interaction.

## USER EXPERIENCE
Users will open the app to a dashboard that immediately presents the next scheduled intake with a countdown timer. They can easily navigate to add new medications or vitamins through a prominent button. Input forms will guide users through entering details with clear labels and placeholders. Notifications can be customized, providing users with a sense of control and ensuring they receive reminders according to their preferences. The overall experience will focus on simplicity, efficiency, and accessibility.
```