Back to projects

TiffinHub AU

A two-sided marketplace connecting Australian home cooks with customers craving authentic, home-style tiffin meals. Customers explore providers and build a persistent cart; providers manage menus and earnings; admins moderate listings and track platform metrics — all behind a warm, food-inspired UI.

Built With

Next.jsTypeScriptTailwind CSSFramer MotionReact Context

Project Timeline

Project Inception & Planning

Mar 2026

Identified a gap for a dedicated marketplace for home-cooked meals in Australia. Defined core surfaces: customer exploration, provider menus, cart persistence, and dual dashboards.

Design System & Frontend Architecture

Mar 2026

Chose a modern, premium aesthetic with a warm food-inspired palette. Established a CSS-variable design system with dark mode support and smooth Framer Motion transitions.

Core User Journeys

Mar 2026

Built the responsive Next.js frontend including an animated Hero, Explore page with category filters, a Context-based shopping cart, and a comprehensive Checkout flow.

Dual Dashboards

Mar 2026

Created separate, feature-rich dashboards for Meal Providers (menu and earnings management) and Platform Admins (metrics, moderation, listings).

Quality Assurance & Deployment

Mar 2026

Verified the production build, tightened TypeScript types around external libraries, ensured semantic HTML for SEO, and shipped to Vercel with environment-aware configuration.

Post-Launch Polish

Apr 2026

Added skeleton loaders for slow networks, tuned mobile breakpoints for the cart drawer, and hardened the form validation across the checkout journey.