Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Car Shop Inventory Monitoring Application is a web app designed to help manage and monitor Shell brand lubricants, car parts, and supplies effectively. The application will track supply critical levels, supply costs, selling prices, and generate barcodes for individual products, ensuring efficient inventory management for car shop owners.

## CORE FEATURES
1. **Inventory Management**: Users can add, edit, and delete products, tracking their critical supply levels and costs in real-time.
2. **Barcode Generation**: Each product will have a unique barcode generated for easy scanning and identification.
3. **Cost and Price Tracking**: Monitor supply costs and selling prices for each product, with alerts for low stock.
4. **Reporting Dashboard**: A visual dashboard displaying inventory levels, costs, and sales data to make informed decisions.
5. **User Authentication**: Secure login for users with role-based access to manage inventory effectively.
6. **Notifications**: Automated notifications for low stock levels or price changes to keep users informed.

## 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 consist of a sidebar for navigation and a main content area displaying the dashboard, inventory lists, and forms for adding/editing products.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for global state management

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install the necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create the main layout**: Develop a responsive layout with a sidebar for navigation and a main content area for displaying the dashboard and inventory.
3. **Implement authentication**: Set up user authentication with role-based access using a library like Firebase or Auth0.
4. **Build the inventory management features**: Create CRUD operations for managing products and implement the barcode generation functionality.
5. **Design the reporting dashboard**: Use chart libraries to visualize inventory levels, costs, and sales data effectively.
6. **Set up notifications**: Implement a notification system to alert users for low stock or price changes.
7. **Test the application**: Ensure all features are functional and the user interface is responsive across devices.

## USER EXPERIENCE
Users will have an intuitive experience navigating through the sidebar menu to access inventory management, reporting, and settings. The dashboard will provide quick insights into inventory status, while the forms for adding or editing products will be straightforward, leveraging the barcode scanning feature for efficiency. Notifications will keep users proactive about stock management, enhancing the overall usability of the application.