serving·case 07·2026
Daily prayer timetables sync from the mosque's own Google Sheet. A server-side probe of the audio relay lights up a 'Live' pill when the mosque is broadcasting. Content is managed through a bespoke CMS with a resilient model - defaults in code, overrides in the database - so the public site stays up even if the database doesn't.
- Scope
- Web · CMS · Community
- Stack
- Next.js · Supabase · Drizzle · Motion · Lottie
- Team
- 2 + client
- Shipped
- 2026
serving·case 07·2026
Masjid E Vali
Web · CMS · Community
What it does
Prayer timetable synced from the mosque's published Google Sheet
Live broadcast detection driving an on-air indicator
Donation pledge flow with Gift Aid declarations and reference emails
Events calendar exportable as high-res PNG or A4 PDF
Defaults-in-code CMS - the public site never breaks
Visit bookings and contact forms with spam protection
The craft
DayArc - an animated sun and moon arcing over a dome silhouette, mapped to real prayer times
Motion micro-interactions across ~49 components - BlurFade, Magnetic, TiltCard, SpotlightCursor
Islamic geometric ornament drawn in code, on brand palette
Next case