Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for order management, allowing users to efficiently handle orders from creation to fulfillment. This application will focus on providing a user-friendly interface with essential features to streamline the order processing workflow.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system for managing user access and roles.
2. **Order Dashboard**: A centralized view of all orders with filters for status, date, and customer.
3. **Order Management**: Create, update, and delete orders with detailed information including items, quantities, and customer details.
4. **Reporting and Analytics**: Insights and statistics on order trends, sales performance, and customer behavior.
5. **Notifications System**: Alerts for order status changes and reminders for follow-ups.
6. **Customer Management**: Maintain customer profiles and histories for personalized service.

## 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 quick access to different modules (like orders and customers), and a main content area displaying the order dashboard and details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Create Authentication Module**: Implement user authentication using a library like Firebase or Auth0.
3. **Develop Order Dashboard**: Create a component for the order dashboard that fetches and displays orders from a mock API or database.
4. **Implement Order Management Functions**: Build functionality for creating, updating, and deleting orders, ensuring CRUD operations are seamless.
5. **Add Reporting Features**: Integrate charts or tables using libraries like Chart.js or Recharts for displaying analytics data.
6. **Set Up Notifications**: Use a notification library to implement alerts for order updates.
7. **Test User Flows**: Conduct thorough testing of all user interactions and ensure the application is responsive across devices.
8. **Deploy the Application**: Choose a hosting platform (like Vercel or Netlify) for deployment.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, starting from the login screen. Once authenticated, they will be directed to the order dashboard where they can view and manage orders effortlessly. Key interactions include filtering orders, clicking on individual orders to view details, and receiving notifications for order updates, all designed to enhance the overall efficiency of order management. The application will prioritize responsiveness, ensuring a smooth experience on both desktop and mobile devices.