Food Sentinel
Web & Mobile App

Food Sentinel

Timeline:

2025

Role:

Full Stack Web and Mobile Developer & UI/UX Designer

Food Sentinel

Food Sentinel is a full-stack catering platform built as a school project, featuring real-time order tracking via WebSocket, a unified admin dashboard handling both web and mobile orders, and a custom UI/UX designed across the entire stack.

Background

The project was built around a straightforward but real problem: catering businesses still rely on phone calls and messages to take orders, and customers are left with no visibility on where their order stands. Food Sentinel was designed to address both — giving customers live order tracking and giving admins a single dashboard where web and mobile orders flow in together.

Challenge

My responsibilities spanned UI/UX design, frontend development across web and mobile, and implementing the WebSocket integration on both clients to power live order updates. The trickiest part was keeping web and mobile orders reliably synced in the admin dashboard in real time, while also ensuring the interface held up visually and functionally across two very different platforms. Balancing design quality with engineering depth — across the full stack — was the defining challenge of this project.

Goal

To build a catering platform that felt production-ready: real-time, intuitive, and consistent across web and mobile. The project earned top marks from our professors, with the real-time order tracking standing out as the feature that set it apart from typical school submissions.

Frontend

Next.js Logo
Next.js
React.js Logo
React.js
TypeScript Logo
TypeScript
TailwindCSS Logo
TailwindCSS
Shadcn UI Logo
Shadcn UI
React Native Logo
React Native
React Native Reusables Logo
React Native Reusables
NativewindCSS Logo
NativewindCSS

Backend

Express Logo
Express
MongoDB Logo
MongoDB
Mongoose Logo
Mongoose
Socket.io Logo
Socket.io
Node.js Logo
Node.js

Infrastructure

Expo Logo
Expo
Docker Logo
Docker

Other Works

STELLAFeatured
Web & Mobile App2025 - 2026
STELLA

A multi-architecture lending platform connecting web admin tools, a mobile client app, and a PostgreSQL API — built for AFP retirees' loan and benefit management.

Frontend Web and Mobile Developer
KOSHI
Mobile2024
KOSHI

A React Native car-finder mobile app that secured 2nd place in a university competition — built and delivered as the primary developer under deadline pressure.

Full Stack Mobile Developer
Maharlika Banking Solutions
Java Application2023
Maharlika Banking Solutions

A Java-based banking platform with a modern UI — built solo as a 2nd-year IT student, earning near-perfect scores for design and functionality.

Full Stack Java Developer
Flicks: Movie Ticketing Booking System
Web App2024
Flicks: Movie Ticketing Booking System

A ChatGPT-inspired movie ticketing system built from scratch with plain PHP, HTML, CSS, and JavaScript — a solo project that earned top marks as a junior developer.

Full Stack PHP Developer