Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to integrate WhatsApp with a reminder system for users. It allows users to set reminders for various events, such as payments and appointments, and receive notifications via WhatsApp and their calendar. The application is focused on enhancing productivity by ensuring users are timely reminded of important dates.

## CORE FEATURES
1. **User Authentication**: Secure user login and registration to manage personal settings and reminders.
2. **Reminder Configuration**: Users can set reminders for various events with customizable options (e.g., 1 week before, 2 days before, and on the day of the event).
3. **WhatsApp Integration**: Automatically sends reminders through WhatsApp to the user, ensuring they receive timely notifications.
4. **Calendar Sync**: Allows users to link their reminders with popular calendar services to avoid missing important dates.
5. **Dashboard**: A user-friendly interface to view, edit, and manage all scheduled reminders in one place.
6. **Notification Settings**: Users can customize how and when they receive notifications for their reminders.

## 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 top navigation bar for easy access to the dashboard, a central area displaying reminders, and a sidebar for quick access to settings and notifications.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed)

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React app with TypeScript and install Tailwind CSS for styling.
2. **Create the Authentication Module**: Implement user authentication with registration and login functionalities.
3. **Develop the Reminder Configuration Feature**: Allow users to input reminder details and select notification settings.
4. **Integrate WhatsApp API**: Use the WhatsApp API to send reminder messages to the user.
5. **Build the Dashboard**: Set up a dashboard component where users can view and manage their reminders.
6. **Implement Calendar Sync**: Use calendar APIs to allow users to synchronize their reminders with external calendars.
7. **Set up Notification Settings**: Allow users to customize how they receive notifications (e.g., via email, SMS, or WhatsApp).

## USER EXPERIENCE
Users will have a seamless experience starting from logging in, where they can easily navigate to set up reminders. Upon configuration, the app will provide visual feedback and confirmation of their settings. Notifications will be sent according to user preferences, ensuring they are always informed about their upcoming events. The minimalist design will enhance user focus, making it easy to manage reminders without distractions.