Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to support first-time mothers by providing essential resources and tools for managing key aspects of early motherhood. The app focuses on breastfeeding guidance, kangaroo care methods, sleep schedule organization for babies, and a calendar for tracking appointments. Its primary aim is to enhance the user experience through a simple and intuitive interface.

## CORE FEATURES
1. **Breastfeeding Support**: A comprehensive guide including tips, techniques, and common challenges. Users can access articles, videos, and FAQs tailored to breastfeeding.
   
2. **Kangaroo Care Information**: Educational resources on the benefits of kangaroo care, including video demonstrations and expert advice on how to practice it effectively.
   
3. **Sleep Schedule Organizer**: A feature that allows mothers to log their baby's sleep patterns, set reminders for naps, and receive personalized suggestions on sleep routines based on their baby's age.
   
4. **Appointment Calendar**: An integrated calendar for tracking pediatrician appointments, vaccinations, and other important dates, with notifications to remind users ahead of time.
   
5. **Community Forum**: A space for mothers to connect, share experiences, and seek advice from other users, fostering a supportive community environment.

6. **Personalized Dashboard**: A user-friendly dashboard where mothers can view their baby's progress, recent activities, and upcoming appointments at a glance.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean and straightforward layout with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast for readability.
- **Layout**: A single-page layout with a top navigation bar leading to key sections: Home, Breastfeeding, Kangaroo Care, Sleep Organizer, Calendar, and Community. Each section will be easily accessible via smooth scrolling.
- **Typography**: Use a sans-serif font like 'Roboto' for body text and a bold variant for headings to maintain clarity and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and enhanced developer experience.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations and a responsive layout.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React Context API for managing global state, especially for user preferences and data across different sections.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Component Structure**: Develop functional components for each feature (e.g., Breastfeeding, Kangaroo Care, etc.) and the main dashboard.
4. **Implement Routing**: Use React Router for navigation between sections if necessary, or implement smooth scrolling for a single-page layout.
5. **Develop State Management**: Set up Context API to manage user data and preferences, enabling seamless interaction across features.
6. **Design UI**: Utilize Tailwind CSS to style components according to the minimalist design specifications, ensuring responsiveness across devices.
7. **Testing**: Conduct user testing to gather feedback on usability and make adjustments as needed.

## USER EXPERIENCE
The application will provide an intuitive and engaging user experience, with clear navigation and interactive elements. Users will be able to smoothly transition between sections, easily access information, and track their baby's milestones and appointments. Notifications for upcoming events will enhance user engagement, while the community forum will allow for social interaction, fostering a sense of support among first-time mothers.