Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to allow users to manage multiple children's information effectively. The application will enable users to register each child and visualize consultations by color categorization, enhancing organization and usability.

## CORE FEATURES
1. **Multi-Child Registration**: Users can register details for multiple children, including name, age, and relevant health information.
2. **Color-Coded Consultations**: Each child's consultations are displayed using distinct colors for easy differentiation, improving clarity and quick access.
3. **Consultation History**: Users can view a history of consultations for each child, including dates, notes, and color codes.
4. **User Authentication**: Secure login and registration functionality to protect user data and ensure privacy.
5. **Responsive Design**: The application will be optimized for both desktop and mobile devices, ensuring a consistent user experience across platforms.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean and simple layout that utilizes plenty of white space to enhance readability and focus on content.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: A single-page layout that includes sections for child registration, consultation history, and user profile management, arranged in a vertical flow for ease of navigation.
- **Typography**: Use a sans-serif font (such as Arial or Helvetica) for body text, with larger, bolder headings to establish a clear hierarchy and enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid design iteration.
- **UI Components**: Utilize shadcn/ui for pre-built components that adhere to the minimalist aesthetic.
- **State Management**: Employ Context API or Redux for managing the application state effectively, especially for handling multiple children's data.

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it within the project.
   - Integrate shadcn/ui components for UI consistency.

2. **Create User Authentication**:
   - Implement user registration and login functionalities using a simple JWT-based authentication system.

3. **Develop Child Registration Form**:
   - Design and build a form that allows users to input details for each child.
   - Ensure that the form is responsive and visually aligns with the minimalist aesthetic.

4. **Implement Color-Coded Consultations**:
   - Create a component for displaying consultations, ensuring each child's consultations are color-coded.
   - Use state management to handle and update consultation data as needed.

5. **Build Consultation History View**:
   - Develop a section that aggregates and displays the consultation history for each child, with filters for date and color coding.

6. **Test and Optimize**:
   - Conduct thorough testing for both functionality and user experience on various devices.
   - Optimize performance and responsiveness based on feedback.

## USER EXPERIENCE
Users will navigate the application through a straightforward interface, starting with a login or registration screen. After logging in, users can easily access the child registration form, add children, and view consultations in an organized and visually appealing manner. The application will guide users through intuitive interactions, such as selecting colors for consultations and reviewing histories, ensuring a seamless experience that emphasizes clarity and simplicity.