Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
BigBite Burgers is an online food ordering and management system designed to facilitate seamless menu browsing, cart management, and order placement. This web application aims to provide users with a straightforward and efficient interface for ordering food while allowing restaurant management to handle orders and customer data effectively.

## CORE FEATURES
1. **Responsive Menu Browsing**: Users can explore a dynamic menu of food items with images, descriptions, and prices.
2. **Cart Management**: Users can add items to their cart, view their selections, and modify quantities before placing an order.
3. **Order Placement**: A user-friendly form enables customers to place their orders with essential details such as delivery address and payment options.
4. **Customer Database**: Manage customer information, including order history and preferences, using a relational MySQL database.
5. **Order Management**: Administrators can view and manage current orders through an intuitive interface, ensuring timely service.
6. **CRUD Operations**: Implement SQL queries with JOINs to handle the creation, reading, updating, and deletion of customer and order data.

## 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 layout consists of a header for navigation, a main section for the menu and cart, and a footer for contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: HTML5, CSS3, Bootstrap, and JavaScript.
- **Database**: MySQL for managing customer and order data.
- **UI Components**: Basic HTML and CSS elements for all components.
- **State Management**: Implement simple JavaScript functions to handle user interactions and data processing.

## IMPLEMENTATION STEPS
1. **Set up the project structure**:
   - Create folders for HTML, CSS, JS, and images.
   - Initialize an index.html file for the main page.
  
2. **Design the HTML structure**:
   - Create a header with navigation links (Home, Menu, Contact).
   - Develop a main section for displaying the menu items and cart.
   - Implement a footer with additional links and contact information.

3. **Style with CSS**:
   - Apply Bootstrap for responsive design.
   - Use the primary color #1978E5 for buttons and links.
   - Set typography using the Inter font.
   - Implement a border radius of 8px on UI elements.

4. **Develop JavaScript functionality**:
   - Create functions to handle adding items to the cart.
   - Implement order placement logic and form validation.
   - Use AJAX or fetch API to connect to the backend for order management.

5. **Set up MySQL database**:
   - Create tables for customers, menu items, and orders.
   - Implement CRUD operations using SQL queries with JOINs.

6. **Testing and Debugging**:
   - Test all functionalities to ensure there are no errors.
   - Validate forms and check responsiveness across devices.

## USER EXPERIENCE
Users will enjoy a straightforward interaction with the BigBite Burgers application. Upon landing on the homepage, they can easily navigate through the menu, add their favorite items to the cart, and place orders without confusion. The design prioritizes a clean interface, ensuring that users can focus on their choices without distractions. Admin users will have access to order management tools to maintain an efficient service. The application will be fully responsive, providing a seamless experience on both desktop and mobile devices.