Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt: Bakery Cost & Profit Tracker

Copy everything below into Lovable as your initial build prompt.

---

Build a web app called "Premium Dough Confectioneries" for a bakery owner who sells bread. The app should help her track ingredient costs, calculate the true cost and profit per bread, manage inventory, and log production batches. Use Supabase as the backend/database.

## APPLICATION OVERVIEW
The application is a web app designed to assist a bakery owner in managing costs and profits associated with bread production. It will allow the user to track ingredient costs, manage inventory, log production batches, and calculate profits, all while maintaining a user-friendly and mobile-responsive interface.

## CORE FEATURES
1. **Dashboard**: Displays cost per bread, profit per bread, profit margin %, total profit over selectable periods, and low-stock ingredient alerts.
2. **Ingredients Management**: A table to view, add, edit, or delete ingredients with details on purchase price and current stock levels.
3. **Recipe Management**: A section for listing bread types, adding/editing ingredients and quantities, and viewing live-calculated costs per bread.
4. **Overhead Costs Tracking**: Allows the user to manage recurring and per-batch costs, with options to add or edit entries.
5. **Production Logging**: A form for recording new batches, automatically calculating costs and deducting ingredient stock.
6. **Production History**: A table that shows all past production logs with filtering options by date range and recipe.

## 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 responsive design with a vertical layout for mobile compatibility, utilizing cards for sections such as the dashboard, ingredient list, and production logs.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use Zustand for state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and Tailwind CSS setup.
2. **Database Configuration**: Set up Supabase to handle the backend data model as specified.
3. **Create Core Components**:
   - Build the Dashboard component to display key metrics and alerts.
   - Develop the Ingredients Management component with CRUD functionalities.
   - Implement the Recipe Management component for adding/editing recipes.
   - Set up the Overhead Costs Tracking component.
   - Create the Production Logging form and Production History table.
4. **Integrate State Management**: Use Zustand to manage the application state across components.
5. **Implement Calculations**: Code the logic for calculating costs, profits, and logging production as per the core calculation logic provided.
6. **Responsive Design**: Ensure the application is mobile-friendly, testing on various devices.

## USER EXPERIENCE
The user will interact with a simple dashboard displaying vital statistics and alerts on low stock. She will navigate through clear sections for ingredients, recipes, and production logs, with intuitive forms guiding her through data entry. The application will provide visual feedback on actions taken, ensuring a seamless experience while managing her bakery's operations.

Please create a fully functional minimalist light application that matches the user's vision.