Diwata Yoga
A free, fully static yoga platform — pose library, video tutorials, and a searchable database, no account needed.
Overview
Diwata Yoga is a free, fully static yoga web platform for practitioners of all levels. It offers a structured library of poses, curated video tutorials, philosophy articles, and a searchable pose database — all in the browser with no account required.
The Problem
Yoga is one of the most widely practiced wellness disciplines in the world, yet most online platforms lock poses, classes, and guidance behind paywalls or accounts. Beginners have no structured, free progression path, and reference material — poses, videos, philosophy — is scattered across dozens of sites with no single filterable database to learn from.
The Solution
Diwata Yoga consolidates everything a practitioner needs — from their first Mountain Pose to advanced Ashtanga flows — into one clean, free, public website with no login. A difficulty-filtered pose library, curated video sessions, philosophy articles, a community gallery, and a no-backend contact form, all running entirely in the browser as static files.
Key Features
- Structured pose library with curated video tutorials
- Fast client-side pose search
- Studio locations via Google Maps
- Philosophy articles — accessible, no sign-up
Tech Stack & Why
- Static HTML/CSS — A content site loads fastest and costs nothing to host when it’s fully static.
- XML — Stores the pose data in a simple, editable structure the client-side search reads.
- Google Maps API — Standard, familiar way to show studio locations.
- EmailJS — Contact without a backend.
Biggest Challenge
Delivering genuinely interactive features — live search, multi-axis filtering, scroll animations, and a contact form — under a hard constraint of no backend and no framework. Solved by leaning entirely on browser-native APIs (Fetch, Intersection Observer) and a decoupled XML data layer, so the site stays a pile of static files any CDN can serve yet still feels like an app. The contact form, which would normally need a server, is handled by EmailJS sending mail straight from the browser.
Results & Impact
- Live and public on Vercel with no account barrier
- 18-pose library, 12 curated video tutorials, and instant client-side search
- $0 hosting bill — the entire platform runs on static files
- Documented v2.0 roadmap scoped to keep the same zero-backend constraint
What I Learned
A “simple” static site still has real UX decisions — making the pose search feel instant and the content easy to browse mattered most. Leading it taught me to prioritize the reader’s experience over technical novelty.
More Projects