Grocery Store Food Delivery App

A full-stack grocery delivery application built with Hono backend and React frontend.

Features

  • Browse products by grocery store aisles/categories
  • Add items to cart with quantity selection
  • Real-time cart updates
  • Checkout process with order summary
  • Responsive design with TailwindCSS

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema and sample data
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── products.ts      # Product API endpoints
│   │   └── orders.ts        # Order/checkout endpoints
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── ProductGrid.tsx  # Product display grid
│   │   ├── Cart.tsx         # Shopping cart component
│   │   └── Checkout.tsx     # Checkout form
│   ├── index.html           # Main HTML template
│   └── index.tsx            # Frontend entry point
└── shared/
    └── types.ts             # Shared TypeScript types

Categories

  • 🥬 Produce (Fruits & Vegetables)
  • 🥩 Meat & Seafood
  • 🥛 Dairy & Eggs
  • 🍞 Bakery
  • 🥫 Pantry & Canned Goods
  • ❄️ Frozen Foods
  • 🥤 Beverages
  • 🍿 Snacks & Candy

Getting Started

  1. The backend runs on Hono with SQLite for data storage
  2. Frontend uses React with TailwindCSS for styling
  3. Access the app via the HTTP trigger endpoint