Back to Projects
2026Full-StackCompleted

Restaurant & Cafe Website

Full-stack restaurant website with customer storefront, admin dashboard, ordering, and table reservations.

View Source Live Demo

A full-stack restaurant and cafe website with a customer-facing storefront and an admin dashboard for managing the business. Features dynamic menu with category filtering, shopping cart, online ordering with multiple payment methods, table reservation system, customer reviews, and a complete admin dashboard with JWT authentication for menu, order, reservation, and review management.

Tech Stack

React 19TypeScriptFastAPITailwind CSS v4SQLAlchemyFramer MotionVite

Features

  • Dynamic menu with category filtering, search, and sorting
  • Shopping cart with quantity management and item notes
  • Online ordering (delivery / pickup) with multiple payment methods
  • Table reservation system
  • Customer reviews and testimonials
  • Secure JWT-based admin authentication
  • Admin dashboard with menu, order, reservation, and review management
  • Responsive design across all devices

Challenges

  • Building a full-stack app with separate frontend and backend deployments
  • Implementing JWT authentication with secure session management
  • Designing a complete order workflow with status tracking
  • Managing complex state across cart, menu, and admin dashboard

Solutions

  • React 19 + Vite frontend with FastAPI + SQLAlchemy backend
  • python-jose for JWT tokens with bcrypt password hashing
  • Finite order status workflow with real-time updates
  • React Context for cart state with custom hooks for API calls

What I Learned

  • Full-stack architecture with decoupled frontend and backend
  • FastAPI route design and SQLAlchemy ORM patterns
  • JWT authentication flow end-to-end
  • Production deployment with Vercel and Render