Lovable Prompt Creator - AI Prompt Generator

# ## APPLICATION OVERVIEW
The Coffee App is a web application designed to manage sales and purchase details for coffee products, track customer history, analyze profit and loss, and report on customer reviews. It provides insights into the most and least demanded items, helping users make informed business decisions.

## CORE FEATURES
1. **Sales Management**: Track all sales transactions, including item details, quantities, and total sales amount.
2. **Purchase Tracking**: Manage and record purchase details for inventory, ensuring accurate stock levels and data.
3. **Customer History**: Maintain a detailed history of customer purchases, allowing for personalized recommendations and insights.
4. **Profit and Loss Analysis**: Generate reports on profit and loss based on sales and purchase data, providing a financial overview of the business.
5. **Demand Analysis**: Identify top-selling and least popular items based on sales data to optimize inventory and marketing strategies.
6. **Customer Reviews**: Collect and display customer reviews, enabling feedback on products and enhancing customer engagement.

## 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**: The main layout will feature a sidebar navigation for easy access to different functionalities, a top bar for notifications and user profile, and a central content area to display relevant data and insights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for centralized state management (if needed)

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout**: Build the main layout structure with sidebar and header components.
4. **Develop Core Features**:
   - Implement sales management functionality, including forms for input and tables for displaying data.
   - Create purchase tracking features with forms for recording purchases.
   - Design customer history view to display past transactions.
   - Implement profit and loss analysis reports using charts and graphs.
   - Develop demand analysis tools to sort and filter products based on sales data.
   - Add customer review section with a form for submitting reviews and a display area for existing reviews.
5. **Integrate State Management**: Set up Redux (or context API) for managing global state across the application.
6. **Test Functionality**: Conduct thorough testing of all features to ensure they work as intended and fix any identified bugs.
7. **Deploy the Application**: Use a cloud platform like Vercel or Netlify to deploy the application for public access.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. The sidebar will provide quick access to sales, purchases, customer history, and reports. Each section will feature intuitive forms for data entry and visually appealing charts for analysis. Notifications will inform users of important updates or reminders, while a clean interface will enhance usability across devices. Responsive design principles will ensure the application is accessible on both desktop and mobile devices.