Frontend - Pastry Ordering Interface
This directory contains the customer-facing interface for the pastry ordering system.
index.html - Main HTML template with the ordering interface
index.js - JavaScript module handling cart functionality, menu display, and order submission
- Menu Display: Shows all available pastries with categories, descriptions, and prices
- Category Filtering: Filter pastries by type (croissants, cakes, cookies, breads, specialties)
- Shopping Cart: Add/remove items, adjust quantities, view total
- Order Form: Customer information collection with validation
- Responsive Design: Works on desktop and mobile devices
- Real-time Updates: Cart updates immediately when items are added/removed
Uses TailwindCSS via CDN for styling with a warm amber color scheme that fits the bakery theme.
- ES6 modules for clean code organization
- Async/await for API calls
- Form validation and error handling
- Local cart state management
- Modal dialogs for checkout and success confirmation