← ~/work

Cafetano PH

My full-stack capstone: a complete ordering system for a cafe, from the customer's first tap to the owner's morning report.

View live demo (opens in new window)
Year
2024
Type
Capstone
Role
Full-Stack Developer
Stack
React · Express · MySQL
Screenshot of the Cafetano PH cafe website

Overview

Cafetano PH covers a cafe’s whole day in one system: customers order online, staff manage the menu and the floor from an admin CMS, and owners watch sales move on real-time dashboards.

It’s the project that taught me what full-stack really means: schema design in MySQL, a REST API in Express, real-time events over Socket.io, and a React frontend tying it all together.

What I built

  • Online ordering with a customer-facing menu and order tracking.
  • An admin CMS for menu, orders, and staff, secured with JWT authentication.
  • Reporting dashboards with real-time charts using Recharts and Chart.js.
  • Real-time customer chat support built on Socket.io.
  • File uploads and notifications across the app with Multer.

Next project

Communecards

deyn@cavite:~$# © 2026 · don’t ship this as yoursshipping from cavitelocal