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

Joyce Gallery
Web App2025
Joyce Gallery

A heartfelt gallery website for my mother's 50th birthday — built with Next.js and Cloudinary so guests could upload and share cherished memories.

Full Stack Developer
NBSC Hospital Management System
Web App2024
NBSC Hospital Management System

A hospital management system for NBSC built with Laravel — scaffolded the project, designed key screens, and helped a friend's capstone team succeed.

Full Stack Laravel 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
Gmnioda Real EstateFeatured
Web App2025
Gmnioda Real Estate

A real estate platform with a custom CMS for property listings — built for a local agent after cold outreach, featuring Argusland as the flagship project.

Full Stack Web Developer