Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a mobile delivery app designed for efficient order management and multi-tenant support. It aims to provide users with a seamless experience in placing orders, tracking deliveries, and managing transactions, all within a compact and user-friendly interface suitable for smartphone use.

## CORE FEATURES
1. **User Registration and Authentication**: Allow users to create accounts and log in securely to manage their profiles and orders.
2. **Product Browsing**: Users can browse available products or services within the app, filtered by categories or search functionality.
3. **Order Placement**: Enable users to select items, add them to their cart, and proceed to a streamlined checkout process.
4. **Multi-Tenant Management**: Support multiple businesses within the app, allowing users to choose from different service providers.
5. **Order Tracking**: Provide real-time updates on the status of their orders, including estimated delivery times.
6. **Payment Processing**: Integrate secure payment options to complete transactions directly within the app.

## 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 bottom navigation bar for easy access to home, orders, profile, and settings. The content will be organized in a single-column format for mobile responsiveness.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Structure**: Set up the folder structure, including components, pages, and services.
4. **Implement Authentication**: Create components for user registration and login, integrating a secure authentication method.
5. **Build Product Browsing**: Develop a product listing page that fetches data from a backend API. Implement category filters and search functionality.
6. **Develop Order Placement**: Create a shopping cart component that allows users to add products and proceed to checkout.
7. **Integrate Multi-Tenant Functionality**: Ensure the app can handle multiple service providers and allow users to select their preferred one.
8. **Add Order Tracking**: Implement real-time updates for order status and delivery tracking.
9. **Set Up Payment Gateway**: Integrate a payment processing solution to handle transactions securely.
10. **Test and Optimize**: Conduct thorough testing to ensure functionality, responsiveness, and a smooth user experience.

## USER EXPERIENCE
Users will have an intuitive interaction flow starting from registration and login to browsing products and placing orders. The app will provide a clear and responsive interface, making it easy to navigate through the available services. Notifications for order status and delivery updates will enhance the user experience, keeping users informed throughout the process.