Project Empanada
An online food ordering platform where customers can browse products, add items to their cart, and place orders easily.
- NextJS
- TypeScript
- Tailwind CSS
- Firebase
The problem
Orders were taken by message. The menu, the cart, and the final order lived in different places, so totals were easy to get wrong. A customer could send a list, then change it in a follow-up chat, and nobody had one place to check what was actually ordered. Prices and availability were also easy to miss because they were not tied to the same list the customer sent.
The solution
A menu, a cart, and a checkout on one site, so a customer can see the order before it is sent. Products, quantities, and the total sit on the same page. The catalog and the submitted order are stored in Firebase, so the shop is not reconstructing the request from a thread.
What I learned
The hard part was the last step: showing the order clearly enough that people stopped confirming it in chat. Line items, quantities, and the total had to be visible together, or customers went back to messaging. I also learned to keep the cart and the saved order on the same source of truth in Firebase, so the page and the shop were not looking at two different lists.
More projects
Fresh Pause
A Mentos Philippines microsite. People who tap Learn more on a Spotify ad land here, get a spin credit, and play a spin-the-wheel for Spotify Premium, Mentos products, and other prizes.
Recipe Website
A website for GoodNom Fresh Gata Philippines that showcases recipes you can cook with GoodNom Fresh Gata.
Ticketing System
An internal platform for the marketing department where other teams submit requests for EDMs, microsites, graphic design, and video editing.
SpaceShift
Scheduling management web app where team leaders can manage agents, assign team members, and create hybrid work schedules for each team.
Track Recommender
Web application where users answer a quiz to discover which SHS strand fits them best and get recommended schools based on their location.
Invitation Maker
A web app where users can customize invitation templates, generate a unique shareable URL, and let guests RSVP online.
Raffle Randomizer
A simple company event game app with a CMS for managing prizes, participants, and recorded winners.