Skip to Main Content
Back to Portfolio
Mount Road Baptist
Digital Architecture2024

Mount Road Baptist

Role
Lead Engineer & Designer
Platform
Web (React + Vite)
View Live Project
The Overview

Building a world-class experience.

Mount Road Baptist Church needed a comprehensive digital ecosystem that served multiple audiences: welcoming prospective visitors online, keeping the congregation informed, and providing staff with robust administrative tools.

The project involved engineering a highly responsive, performant React web application bundled with Vite. It features a bespoke public-facing architecture with integrated custom mapping to guide visitors effectively to their campus.

Additionally, a secure member portal was developed using Firebase, offering the congregation a dedicated space for announcements, event registration, and internal resources.

The Stack
React
Vite
Tailwind CSS
Firebase
Google Maps API
The Impact

By the
Numbers.

// Performance
Sub-second

Vite build & HMR speeds

// User Engagement
+45%

Increase in mobile traffic

The Problem

What we were up against.

The primary challenge was balancing the needs of a welcoming, modern public-facing website with the complex functional requirements of an internal member portal. The church's previous site was slow, difficult to update, and lacked modern integrations like dynamic calendars or interactive maps. Staff members required an easier way to update content without writing code or navigating a clunky CMS.

The Solution

How we fixed it.

I developed a cohesive React/Vite web platform utilizing Tailwind CSS for a pristine, responsive design. Firebase was integrated to power a seamless administrative backend, allowing church staff to update event calendars and announcements effortlessly. A custom Google Maps integration was also implemented in the footer to provide visitors with intuitive, beautifully styled directions to the church campus.

Key
Features.

// 01

Responsive Design

A flawless experience across all devices, ensuring the congregation can access information on the go.

Mobile-first architectureOptimized image deliveryTouch-friendly navigationFast Time-to-Interactive (TTI)
// 02

Dynamic Event Management

An integrated calendar system that keeps the community updated on upcoming services and events.

Real-time event syncingRSVP and registration trackingAutomated recurring eventsEasy administrative updates

"The new website has completely revitalized our online presence. Not only is it beautiful and welcoming for visitors, but the internal tools have saved our staff countless hours of manual work."

Church Leadership
Administration

That's a
Wrap.