Frontend - Pastry Ordering Interface

This directory contains the customer-facing interface for the pastry ordering system.

Files

  • index.html - Main HTML template with the ordering interface
  • index.js - JavaScript module handling cart functionality, menu display, and order submission

Features

  • 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

Styling

Uses TailwindCSS via CDN for styling with a warm amber color scheme that fits the bakery theme.

JavaScript Functionality

  • 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