← Back to Portfolio

🍕 Bricks Pizza Ordering System

Full-stack restaurant ordering platform with advanced features

Project Overview

A comprehensive online ordering system built for Bricks Pizza & Pub, featuring group ordering capabilities, scheduled orders, real-time cart management, and complete accessibility compliance. The system handles everything from menu browsing to payment processing with Square API integration.

The Challenge

Bricks Pizza needed a modern online ordering solution that could handle complex scenarios like:

  • Group orders where multiple people order together and split payment
  • Scheduled orders up to 7 days in advance
  • Custom pizza building with real-time price calculations
  • Accessibility for users with disabilities (WCAG 2.1 compliance)
  • Mobile-responsive design for on-the-go ordering

The Solution

I built a full-featured ordering platform using React and TypeScript, with Firebase for backend services and Square for payment processing. The system includes:

Group Ordering

Customers can create group orders, invite friends, and split payments seamlessly

Schedule Ahead

Order up to 7 days in advance with automatic scheduling

Email & SMS

Automated receipts and order confirmations via email and text

Fully Accessible

WCAG 2.1 Level AA compliant with keyboard navigation and screen reader support

Tech Stack

ReactTypeScriptFirebaseTailwind CSSViteSquare APISendGridTwilio

Challenges & Learnings

State Management Complexity

Managing cart state across group orders required careful planning. I implemented a robust state management system using React Context to handle real-time updates across multiple users.

Accessibility Implementation

Achieving WCAG 2.1 compliance taught me the importance of semantic HTML, ARIA labels, and keyboard navigation. Every interactive element is fully accessible.

Payment Integration

Integrating Square API for secure payment processing while maintaining a smooth user experience was challenging but rewarding. I learned proper error handling and security best practices.

Results & Impact

  • Fully functional demo ready for deployment to production
  • 100% WCAG 2.1 Level AA accessibility compliance
  • Mobile-responsive design works seamlessly on all devices
  • Comprehensive order management system with email/SMS notifications
  • Ready for Square API integration for real payment processing
← Back to Portfolio