F3 Isotope Logo
Full-Stack Case Study

F3 Isotope Web Platform

Community Management Hub • f3lakenorman.com

Visit f3lakenorman.com
Organization
F3 Isotope (Lake Norman)
Primary Domain
f3lakenorman.com
Architecture
Node.js + Express + Postgres
Integrations
Discord, Twitter/X, SendPigeon

Executive Overview

The F3 Isotope Web Platform is a custom, full-stack community management hub designed for the F3 Lake Norman region (Fitness, Fellowship, and Leadership). It streamlines workout scheduling across dozens of Areas of Operation (AOs), leader ("Q") signups, pre-workout announcements ("preblasts"), post-workout recaps ("backblasts"), member (PAX) attendance analytics, and automated multi-channel notifications across Discord, Twitter/X, and Email.

Prior to deploying this custom web platform, regional leadership faced operational friction coordinating hundreds of workouts across multiple locations using fragmented text threads and spreadsheet schedules. The custom web platform built and hosted by eSmith IT completely automated routine communication tasks, ensured accountability for workout leaders, and provided high-availability cloud infrastructure for the entire region.

Key Operational Benefits

Tangible impact delivered to the F3 Isotope community leadership and members.

Zero Operational Friction

Automates repetitive tasks including Discord cross-posting, 3-day Q reminder emails, and Twitter/X social announcements.

Leader Accountability

Automated 3-day reminders and Q slot status indicators ensure workout sessions always have assigned leaders with zero empty slots.

High Availability DB Locking

Multi-instance atomic database locking prevents race conditions and ensures zero duplicate notifications across cloud instances.

Community Personalization

Custom preferences allow members to receive tailored alerts, favorite AO views, and personalized workout historical stats.

Core Features & Functional Modules

A deep dive into the engineering modules powering f3lakenorman.com.

Workout & Q-Signup Management

  • Dynamic Schedule Mapping: Real-time mapping across all regional Areas of Operation (AOs).
  • Q-Signup Board: Interactive leader signup board with automated slot availability tracking.
  • Background Scheduler: Automated 3-Day Q Reminders dispatched to upcoming workout leaders.

Preblasts & Backblasts Engine

  • Preblast Management: Submission and display of scheduled AO preblasts and Off-The-Beaten-path (OTB) event announcements.
  • Post-Workout Backblasts: Logging attendance, workout recaps, and achievements.
  • Twitter/X API Integration: Direct publishing of event recaps and announcements.

Automated Discord Integration

  • Atomic DB Log Table: Background worker inspecting visible upcoming preblasts against discord_sent_preblasts.
  • Rich Discord Webhooks: Dispatches styled embed notifications directly to dedicated Discord channels.
  • Concurrency Locking: Guarantees zero duplicate notifications across multi-instance server deployments.

Member Profiles & Personalization

  • Role-Based Access Control: Secure RBAC tiers for Admin, Moderator, and PAX members.
  • Favorite AO Tracking: Integrated Personalization Prompt Modal with custom display logic and profile opt-out settings.
  • Avatar & History: User profile management and personal participation log.

PAX Analytics & Leaderboards

  • Leadership Metrics: Attendance tracking, Q-Ratios (leadership percentage), and workout frequency.
  • Regional Stats: Period-over-period breakdown and regional participation analytics.

Transactional Support & Email System

  • Support Ticket Workflow: Integrated issue and inquiry management system.
  • SendPigeon API Relay: Transactional emails for new member welcomes, support updates, and Q confirmations.
Architecture

Technologies & External Services Stack

Enterprise-grade engineering powering f3lakenorman.com.

Frontend

  • • Build Tooling: Vite
  • • Modern JS (ES Modules), HTML5
  • • Styling: Tailwind CSS
  • • Modular Navigation (shared-nav.js)
  • • Event bus state management

Backend

  • • Runtime: Node.js (v22+)
  • • TypeScript (server.ts, db.ts)
  • • Web Framework: Express.js
  • • Bundling: tsx & esbuild
  • • Reverse Proxy: Nginx (Port 3000)

Database

  • • Relational: PostgreSQL
  • • Cloud SQL / pg pooling
  • • Atomic DB locking tables
  • • Tables: schedules, signups, preblasts, tickets
  • • Fallback: SQLite support

APIs & Storage

  • • Discord Webhooks API
  • • SendPigeon API (Email)
  • • Twitter/X API (twitter-api-v2)
  • • MinIO / Object Storage SDK
  • • Avatar & media management

Need a Custom Web Platform for Your Business?

Whether you need an automated community management portal or a fully custom business web application, eSmith IT designs, builds, and maintains high-performance web platforms.