Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for an e-commerce platform that allows users to manage and sell products efficiently. It includes features for product management and a CRM system, providing a seamless experience for both administrators and customers.

## CORE FEATURES
1. **Product Management**: Users can add, edit, and delete products with comprehensive details, including images, descriptions, prices, and inventory levels.
2. **CRM Integration**: A built-in Customer Relationship Management system to track customer interactions, manage leads, and analyze customer data.
3. **User Authentication**: Secure login functionality for administrators and users to manage their profiles and access product management features.
4. **Responsive Design**: The application will be fully responsive, ensuring optimal viewing experiences across devices.
5. **Order Tracking**: Customers can track their orders and receive updates on their purchase status through a user-friendly interface.

## 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 top navigation bar, a sidebar for product management tools, a central dashboard area for displaying products and CRM data, and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies such as Tailwind CSS and shadcn/ui.
2. **Create Folder Structure**: Organize the project into components, pages, services, and styles folders for better maintainability.
3. **Design Layout**: Implement the main layout with a top navigation bar, sidebar, and footer using Tailwind CSS for styling.
4. **Implement Authentication**: Set up user authentication flow using Firebase or Auth0 for secure access to the application.
5. **Build Product Management Feature**: Create components for adding, editing, and deleting products, integrating forms with validation.
6. **Integrate CRM System**: Develop a simple CRM dashboard that allows users to view and manage customer interactions.
7. **Responsive Testing**: Ensure that the application is fully responsive and performs well on various devices and screen sizes.
8. **Deploy Application**: Host the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will experience a streamlined interface where they can easily navigate through product management and CRM features. The intuitive layout will allow administrators to quickly add or modify products, track customer interactions, and view analytics. The application will ensure that key actions are easily accessible, with clear feedback provided upon successful operations, enhancing overall usability.