Pho By Night 2.0 Ottawa's Best Pho Restaurant 2026

Pho By Night - Restaurant Website

Project Type: Full-Stack Web Application Tech Stack: React, TypeScript, Express.js, PostgreSQL, Tailwind CSS, Framer Motion

Overview

A premium restaurant website for Pho By Night, a family-owned Vietnamese restaurant with 26+ years of tradition in Ottawa's ByWard Market. The site combines cinematic design aesthetics with conversion-optimized functionality to drive reservations and catering inquiries.

Key Features

Reservation System

• Real-time table availability with visual floor plan selection

• Admin approval workflow with one-click email actions (Approve/Reject)

• Automated email notifications via Resend API

• 2-hour booking window conflict prevention

• Admin dashboard with status management and Excel/CSV export

Interactive Experiences

• Custom Pho Builder: Interactive bowl configurator with broth, protein, and topping selection

• Pho Quiz: AI-powered 7-question recommendation quiz using OpenAI GPT

• AI Concierge: Floating chat widget for menu recommendations and inquiries

Content Management

• Full blog system with TipTap rich text editor

• WordPress import capability (successfully migrated 249 posts)

• Admin dashboard for managing contacts, reservations, catering, and newsletters

SEO Optimization

• Server-side prerendering for 13+ routes using Puppeteer

• Dedicated landing pages for halal, vegan, and late-night dining

• Custom vermicelli bowl SEO landing page with structured FAQ schema

Design System

• Cinematic video backgrounds and parallax effects

• Dark/light theme toggle with custom golden accent palette

• Mobile-first responsive design

• Bilingual support (English/French)

Integrations

• Live Google Reviews widget (5-star only filtering)

• Resend for transactional emails

• OpenAI for AI-powered features