Skip to content

CoffeeSnap/Simple-Minimalist-Online-Ordering-App-for-Coffee-Shops

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Pierre's Cafe - Online Ordering App

A lightweight, fast Flutter app for ordering coffee and healthy patisseries from Pierre's Cafe πŸ₯

Online Ordering App - Pierre's Cafe

Click here to watch the full video on YouTube β†’

Features

  • Quick Ordering: Minimal clicks for fast ordering experience
  • Menu Categories: Coffee and Patisseries sections
  • Product Selection:
    • Fresh brewed coffees (Espresso, Americano, Flat White, Cappuccino, Latte)
    • Iced coffee options
    • Healthy patisseries (Granola, Banana Bread, Oat Muffins, etc.)
  • Shopping Cart: Easy add/remove items with quantity control
  • Payment Integration: Apple Pay and Google Pay support
  • Beautiful UI: Light brown, green, and pale yellow color scheme

Getting Started

Prerequisites

  • Flutter SDK (3.0.0 or higher)
  • iOS: Xcode for iOS development
  • Android: Android Studio for Android development

Installation

  1. Install dependencies:
flutter pub get
  1. Run the app:
# iOS
flutter run -d ios

# Android
flutter run -d android

Payment Setup

Apple Pay Configuration

To enable Apple Pay in production:

  1. Add your Apple Merchant ID in lib/screens/checkout_screen.dart
  2. Configure Apple Pay in your Apple Developer account
  3. Update ios/Runner/Info.plist with payment processing entitlements

Google Pay Configuration

To enable Google Pay in production:

  1. Update the gateway and merchant ID in lib/screens/checkout_screen.dart
  2. Change environment from "TEST" to "PRODUCTION"
  3. Configure payment processor credentials

Project Structure

lib/
β”œβ”€β”€ main.dart                 # App entry point
β”œβ”€β”€ models/
β”‚   β”œβ”€β”€ menu_item.dart       # Data models
β”‚   └── menu_data.dart       # Menu items data
β”œβ”€β”€ providers/
β”‚   └── cart_provider.dart   # State management
β”œβ”€β”€ screens/
β”‚   β”œβ”€β”€ menu_screen.dart     # Main menu
β”‚   β”œβ”€β”€ cart_screen.dart     # Shopping cart
β”‚   β”œβ”€β”€ checkout_screen.dart # Payment
β”‚   └── order_confirmation_screen.dart
β”œβ”€β”€ widgets/
β”‚   β”œβ”€β”€ menu_item_card.dart  # Menu item UI
β”‚   β”œβ”€β”€ cart_item_tile.dart  # Cart item UI
β”‚   └── cart_fab.dart        # Floating action button
└── theme/
    └── app_theme.dart       # App colors and styling

Project Branding Color Palette

  • Light Brown: #D4A574
  • Coffee Green: #8BA888
  • Pale Yellow: #FFF8DC
  • Cream: #FFFAF0

The Author

Pierre-Henry Soria

Made with ❀️ by Pierre-Henry Soria - an AI-First Senior Software Engineer. Incredibly passionate about AI, machine learning, data science, and emerging technologies. I could happily talk all night about programming and IT with anyone who’s keen. Roquefort πŸ§€, ristretto β˜•οΈ, and dark chocolate lover! πŸ˜‹

@phenrysay GitHub YouTube BlueSky

License

Generously distributed under the MIT License