Tesla Coffee

Digital Menu, POS Cashier & Restaurant Operations Platform

Category: web | Role: Full-Stack Developer & UI/UX Designer — Designed and developed the customer storefront, POS cashier interface, Firebase data architecture, inventory CMS, order management tools, reporting features, and role-based application flows.

Project Overview

Tesla Coffee is an integrated cloud-native management ecosystem built to streamline cafe and restaurant operations from customer ordering to point-of-sale management. The platform unites a customer-facing digital storefront with a dedicated touch-friendly POS cashier terminal, inventory management, and real-time operational reporting. Customers can browse dynamic category menus, search items, manage persistent shopping carts, and submit instant orders via structured WhatsApp checkout. For staff and managers, the touch-optimized POS cashier enables rapid table assignment, kitchen notes, payment recording, and immediate thermal-compatible invoice printing. The platform includes a full product and category CMS with in-browser image cropping before Firebase Storage upload, promotional pricing controls, and real-time Cloud Firestore order lifecycle tracking from pending to completed. Financial analytics provide daily revenue summaries and one-click Excel data export, secured by role-based Firebase authentication.

Key Engineering Highlights

  • Customer Storefront & WhatsApp Checkout: Responsive digital menu with search, category filtering, persistent cart, and automated WhatsApp order submission
  • Touch-Optimized POS Cashier: High-speed cashier interface supporting table assignments, custom kitchen notes, and instant printable invoices
  • Product & Category CMS: Administrative dashboard for catalog management with in-browser image cropping and promotional pricing controls
  • Real-Time Order Lifecycle: Live Firestore order synchronization tracking statuses from pending and preparing through delivered and paid
  • Financial Intelligence & Excel Export: Daily revenue summaries, category sales analytics, and automated spreadsheet export via SheetJS
  • Role-Based Security: Tiered authentication flows dividing customer browsing from administrative and cashier operational controls

Technology Stack

React.jsReact RouterFirebase AuthenticationCloud FirestoreFirebase StorageBootstrapFramer Motionreact-easy-cropSheetJSReact IconsLocalStorage APIWhatsApp Checkout