Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for meal preparation and food management. It incorporates a unique feature allowing users to grow virtual food items, inspired by nature-themed aesthetics. The app will also allow users to rate and review their meals, fostering community interaction and feedback.

## CORE FEATURES
1. **Food Growth Simulation**: Users can plant virtual food items that grow over time, similar to a gamified experience, encouraging regular meal preparation.
2. **Meal Logging**: Users can log their meals, including ingredients, preparation methods, and portion sizes, with visual representations of their logged meals.
3. **Rating and Review System**: After preparing meals, users can rate and leave reviews, helping others choose recipes and providing feedback for improvement.
4. **Food Icons and Illustrations**: The app will feature Studio Ghibli-inspired icons and bento illustrations, enhancing the visual appeal and thematic consistency.
5. **Responsive Design**: The app will be fully responsive, ensuring a seamless experience on both desktop and mobile devices.
6. **User Profiles**: Users can create profiles to save their favorite meals, track their growth progress, and share reviews with the community.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds for readability and a fresh aesthetic.
- **Layout**: Main layout will consist of a top navigation bar, a hero section featuring the food growth feature, a meal log display, and sections for user reviews and profiles. The layout will be grid-based to allow for flexibility and organization.
- **Typography**: Use a modern sans-serif font for headings (e.g., Poppins) and a clean serif font for body text (e.g., Merriweather) to create a friendly and approachable feel.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-designed components that match the minimalist aesthetic.
- **State Management**: Redux or Context API for managing application state, particularly for user profiles and meal logs.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript support using Create React App.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Redux or Context API for state management.
3. **Design Layout**: Create a responsive grid layout for the main components: hero section, meal log, and user reviews.
4. **Develop Core Features**:
   - Implement the food growth simulation with animations and progress tracking.
   - Create the meal logging section, allowing users to input and save meal details.
   - Develop the rating and review system with a user-friendly interface.
5. **Add Visual Elements**: Incorporate Studio Ghibli-inspired icons and illustrations to enhance the thematic appeal.
6. **Implement User Profiles**: Allow users to create and manage their profiles, saving their meal logs and growth progress.
7. **Testing and Debugging**: Thoroughly test the application for usability and performance, ensuring responsiveness on various devices.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will start by creating an account and setting up their profile. They can then explore the food growth feature, log their meals, and interact with the community through ratings and reviews. The interface will guide them seamlessly through each interaction, with intuitive navigation and visually appealing feedback. The responsive design will ensure that users have a consistent experience whether on a mobile device or desktop, enhancing overall engagement and satisfaction.