Designing Vazhgavalamudan

Since May, I took on the solo development of the web platform for Arivuthirukkovil (specifically the 15 Velampalayam branch in Tiruppur) at vazhgavalamudan.com.

The Core Challenge

Spiritual center websites are often visited by senior citizens who find complex web navigations frustrating. The target audience needed:

1. High contrast visual hierarchy.
2. Large, highly legible Tamil font pairing with modern English typography.
3. 1-tap access to live daily meditation audios and schedule changes.

Architecture Highlights

• Framework: Next.js App Router for instant static pre-rendering.
• Backend: Firebase Realtime Database for zero-latency announcement feeds.
• Styling: Tailwind CSS with custom Tamil variable font axes.

// Dynamic bilingual layout toggle
export function MeditationSchedule({ language }: { language: 'ta' | 'en' }) {
  return (
    <div className="text-xl font-bold tracking-tight">
      {language === 'ta' ? 'இன்றைய தியான நேரம்' : "Today's Meditation Schedule"}
    </div>
  );
}

Building this reinforced my conviction: every detail counts when accessibility is prioritized from day one.