All Projects

Mannions Order System

An online ordering platform for Mannions Builders Providers in Dublin.

Role Full-stack Developer
Stack TypeScript, Next.js, Supabase
Year 2025–2026
mannions-hero.jpg

Overview

Mannions Builders Providers is a building materials supplier in Dublin. This project is a web-based ordering platform that lets their customers browse products, specify quantities, and place orders with delivery details — all through a clean, mobile-friendly interface. Staff manage incoming orders through a protected admin dashboard.

The Problem

Mannions was handling orders over the phone and in person, which worked but didn't scale well. They needed a simple way for customers to place orders online without the overhead of a full e-commerce platform — no payment processing, no accounts, just a straightforward order form that notifies the team and confirms with the customer.

The Solution

The customer-facing side is a clean order page: select products from a dynamic list, set quantities, fill in delivery and contact details, and submit. Both the customer and Mannions receive email confirmations via Resend. On the staff side, a password-protected admin dashboard at /admin lets the team view, manage, and progress orders through their lifecycle.

mannions-01.jpg
mannions-02.jpg

How It's Built

The app is built with Next.js and TypeScript, deployed on Vercel. Supabase provides the PostgreSQL database for order storage and real-time status updates. Resend handles transactional email (order confirmations and staff notifications). The product catalogue is managed via a simple lib/products.ts file, making it easy to update without touching the database.

Orders follow a clear status progression: New, Confirmed, Out for Delivery, Delivered (or Cancelled). The admin interface shows all active orders and lets staff update status with a click.

TypeScript Next.js React Supabase PostgreSQL Resend Vercel

Challenges & Learnings

The main challenge was keeping things simple enough for a non-technical team to use while still being robust. The product list needed to be easy to update, the admin interface needed to be self-explanatory, and the whole system needed to work reliably on mobile since staff often check orders from the yard.

What's Next

Potential additions include order history for repeat customers, SMS notifications for delivery updates, and a more dynamic product management interface for the admin side.

Previous Project Next Project