Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application "MiCompraJusta" is a web app designed to enhance grocery shopping through intelligent features and real-time collaboration. Its primary purpose is to streamline the shopping experience by automating lists, providing financial insights, and facilitating family collaboration, making it indispensable for modern users.

## CORE FEATURES
1. **Smart Recurring List**: Automatically generates a shopping list based on the user’s past purchases, ensuring that commonly bought items are suggested before the user creates a new list.
   
2. **Price History Alerts**: Remembers the last purchase price of each item and alerts users if prices increase, helping to manage spending effectively, especially during inflation.

3. **Real-Time Shared Lists**: Allows family members to view and edit the same shopping list simultaneously, promoting collaboration and reducing the reliance on paper lists.

4. **Camera Text Recognition**: Enables users to scan a paper list with their camera, automatically digitizing it into the app, bridging the gap for users transitioning from traditional methods.

5. **Supermarket Comparison Tool**: Provides insights on where to buy items at the best price based on historical data from multiple supermarkets.

6. **Monthly Budget Dashboard**: Offers a visual analysis of spending by category, helping users to track their monthly grocery budget efficiently.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design is clean and simple with ample white space, focusing on typography to enhance readability and user experience.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure clarity and ease of reading.
- **Layout**: A single-page layout with sections for the hero, features, testimonials, and a call-to-action (CTA). The hero section should prominently display the app's value proposition, followed by features laid out in a grid format for easy scanning.
- **Typography**: Use sans-serif fonts for a modern feel, with clear hierarchies (e.g., larger headings for section titles and smaller text for descriptions).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling and responsive design.
- **UI Components**: Utilize `shadcn/ui` for pre-built UI components that align with the minimalist aesthetic.
- **State Management**: Implement React Context API or Zustand for state management, ensuring smooth data flow across components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and `shadcn/ui` to provide styling and UI components.
3. **Create Layout Components**: Build reusable layout components for the header, footer, and main content area.
4. **Implement Features**: 
   - Develop the smart list functionality using local storage or a database to track user purchases.
   - Create the price history alert system by integrating an API for price data if available.
   - Set up real-time collaboration using WebSockets or Firebase for shared list updates.
   - Develop the camera text recognition feature using a library like Tesseract.js.
   - Implement the budget dashboard using charting libraries like Chart.js for visual representation.
5. **Test Features**: Conduct thorough testing for usability, performance, and responsiveness across devices.
6. **Deploy Application**: Choose a hosting service (e.g., Vercel or Netlify) for deployment and ensure proper continuous integration workflows.

## USER EXPERIENCE
Users will interact with the app through a streamlined interface where they can easily create, edit, and manage their shopping lists. The smart suggestions will guide them during list creation, while alerts for price changes will keep them informed about potential savings. Real-time updates on shared lists will enhance collaboration among family members, making grocery shopping a more efficient and enjoyable experience. The budget dashboard will allow users to visualize their spending patterns, empowering them to make informed financial decisions.