Document Specification Section 14.A

Technology Stack & Architecture

Architectural blueprint spanning cross-platform clients, multilingual typography, bidirectional RTL engines, distributed caching, and vector semantic search.

Architecture Summary

Master Technology Matrix

Quick-reference overview of the core technologies powering the ecosystem.

Web Client Next.js / React

Material UI (MUI) with Tailwind CSS + Shadcn UI

Next.js / React responsive web portal, sacred writings library & admin tools

Mobile Client React Native

React Native + NativeWind + Typescript

Cross-platform iOS & Android mobile app with offline caching

APIs & Backend Microservices

Node.js (NestJS) / Python (FastAPI)

High-throughput microservices, REST / GraphQL APIs & automated feed ingestion

Content CMS Headless

Strapi / Headless WordPress

Multilingual content publishing and administrator review portal

Databases AWS DynamoDB

Amazon DynamoDB & PostgreSQL

User profiles, group discussions, and activity logs

Cache & Sync Redis

ElastiCache for Redis

Badí‘ calendar logic, Feast countdowns, session caching & real-time sync

Vector AI Search OpenSearch

Amazon OpenSearch

Native vector search for semantic indexing of authorized Bahá'í texts

Media & Storage S3 / R2

Amazon S3 / Cloudflare R2

Global CDN distribution for fast audio caching, combined with native YouTube playback

Security & Privacy OAuth 2.0 / JWT

OAuth 2.0 / JWT & Telemetry

Role-Based Access Control (RBAC), private telemetry with no ad trackers, and COPPA/GDPR compliance

Section 14.A.1

UI - Color Palette, Typography & RTL Provider

Visual identity, dynamic scripts, and bidirectional layouts.

Color Palette Specification

Primary Deep Blue

#1A365D

Depth & spiritual reverence

Secondary Serene Teal

#0D9488

Tranquility & clarity

Clean Whites & Warm Creams

#F8FAFC / #FFFDF9

Serene reading surfaces

Multilingual Typography Stacks

Dynamic font stacks supporting Latin scripts (Inter / Cinzel), Hindi (Devanagari scripts), and Persian/Arabic (Nastaliq & Naskh typographic styles) with accessible line spacing.

Dynamic Bidirectional RTL Provider

When Persian, Arabic, or Urdu is active, the theme dynamically toggles direction: 'rtl', automatically mirroring navigation drawers, reading cards, and layout flow.

Section 14.A.2

Design System & UI Component Libraries

Component frameworks across responsive Web and Mobile.

Web Portal Next.js / React

Material UI (MUI) with Tailwind CSS + Shadcn UI

WCAG AA Compliant Tailwind Utilities Bidirectional RTL
Mobile Application React Native

React Native + NativeWind + Typescript

iOS & Android Type-Safe Architecture Offline SQLite
Section 14.A.3

Backend, Database & Cloud Infrastructure

Complete engineering specification across APIs, data, and cloud services.

APIs & Backend

Node.js (NestJS) / Python (FastAPI)

Content Management

Strapi / Headless WordPress

Databases, Caching & Vector AI Engine AWS Infrastructure
Primary Database
Amazon DynamoDB

User profiles, group discussions, and activity logs (+ PostgreSQL).

Cache & Real-Time Sync
ElastiCache for Redis

Badí‘ calendar logic, Feast countdowns, session caching & real-time sync.

Vector Database (AI)
Amazon OpenSearch

Native vector search for semantic indexing of authorized Bahá'í texts.

Media & Storage

Amazon S3 / Cloudflare R2

Global CDN distribution for fast audio caching, combined with native YouTube video playback.

Security & Privacy

OAuth 2.0 / JWT & Telemetry

Role-Based Access Control (RBAC), private telemetry with no ad trackers, and COPPA/GDPR compliance.

← Section 13: Strategic Discovery Questions Section 14.B: Timeline & Demo UI →