Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to track and document parenting milestones, sleep patterns, and developmental progress for infants. It aims to provide a seamless user experience with options for editing entries, syncing data, and offering insightful predictions based on expert recommendations.

## CORE FEATURES
1. **Moment Documentation**: Users can document significant moments such as feeding or diaper changes, with the ability to edit entries to prevent accidental deletions.
2. **Sleep Tracking**: Users can log their child's sleep times, with an option to edit if they forget to record the sleep duration, ensuring accurate synchronization across the app.
3. **Growth Spurts Recognition**: The app includes functionality that identifies potential growth spurts in infants based on documented data.
4. **Developmental Milestones**: Users can track and receive notifications for important developmental milestones in their child's growth.
5. **Home Screen Widget**: A widget for quick event logging, allowing parents to add entries directly from their home screen.
6. **Sleep Prediction Adjustments**: The app provides sleep recommendations based on expert advice, allowing for adjustments to ensure accuracy in predictions.

## 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**: A single-column layout with a clear hierarchy, featuring a prominent header, a section for moment documentation, sleep tracking, developmental milestones, and a footer for additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management (specify based on complexity).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Install dependencies**: Add necessary libraries such as React Router for navigation and any state management libraries.
3. **Design the layout**: Create the main components for the header, moment documentation, sleep tracking, and developmental milestones.
4. **Implement core features**: Develop the moment documentation and sleep tracking functionalities with options to edit entries.
5. **Integrate growth spurts and milestones**: Add features for recognizing growth spurts and tracking developmental milestones.
6. **Create the home screen widget**: Design and implement a widget that allows quick access for logging events.
7. **Set up notifications and recommendations**: Implement a system for sending notifications and displaying expert recommendations for sleep predictions.
8. **Test the application**: Conduct thorough testing to ensure all features function as intended and provide a smooth user experience.

## USER EXPERIENCE
Users will interact with the app primarily through a clean and intuitive interface. They can easily navigate through sections to document moments, track sleep, and receive notifications for developmental milestones. The editing features will allow them to make changes without fear of losing data, and the home screen widget will facilitate quick entries, enhancing overall usability. The application will be responsive, ensuring accessibility across devices, making it an essential tool for busy parents.