ACIKY Frontend Architecture

Bilingual Kundalini Yoga platform frontend

ACIKY Frontend Architecture Bilingual Kundalini Yoga platform frontend User Browser · ES/EN visitors · Architecture component User Browser ES/EN visitors ACIKY Frontend · Vite + Vanilla JS · Architecture component ACIKY Frontend Vite + Vanilla JS Static Pages · HTML + Handlebars · Architecture component Static Pages HTML + Handlebars JavaScript Modules · ES2022+ features · Architecture component JavaScript Modules ES2022+ features i18n System · ES/EN locales · Architecture component i18n System ES/EN locales ACIKY Backend · Express + MySQL · Architecture component · Node.js ACIKY Backend Express + MySQL GitHub Pages · Static hosting · Architecture component · GitHub GitHub Pages Static hosting Heroku · Backend hosting · Architecture component Heroku Backend hosting MySQL · User data & content · Architecture component · MySQL MySQL User data & content Playwright Tests · E2E validation · Architecture component Playwright Tests E2E validation HTTPS renders executes translates REST API (CORS) serves deployed to SQL queries tests Legend Frontend Backend Database Cloud Security External

Multi-repo Architecture

  • • Frontend (this repo): Static HTML + Vanilla JS
  • • Backend (separate): Node.js + Express + MySQL
  • • Independent deployments: GitHub Pages + Heroku

Key Features

  • • Bilingual (ES/EN) with i18n system
  • • Role-based access: Admin, Instructor, Accountant
  • • E2E tested with Playwright
  • • Session-based auth via CORS

Tech Stack

  • • Vite 7 + Handlebars for templating
  • • Tailwind CSS 4 for styling
  • • Vanilla JavaScript ES2022+
  • • No frameworks (by design)