Sidharika Taekwondo Academy
Developed a high-performance interactive web application incorporating 3D visuals, motion animations, dynamic timetables, and inquiry workflows.
Context & Purpose
Sidharika Taekwondo Academy required an athletic, high-impact web presence to showcase coaching credentials, present comprehensive belt progression curricula, publish training schedules, and convert prospective students into trial class enrollments.
Creating a modern, engaging digital presence to showcase academy training, belt curricula, and class schedules.
Scope & Delivered Capabilities
- Interactive 3D visual showcase and martial arts animation accents
- Dynamic weekly training timetable with age and belt level category filtering
- Instructor credential and master profile showcases
- Curriculum progression guides from white belt to black belt
- Trial class registration and student inquiry dispatch forms
Engineering Decisions & Architecture
Built with React 19, Vite, and TypeScript for rapid performance, strict typing, and instant development iteration
Integrated Three.js via @react-three/fiber and @react-three/drei to render smooth, lightweight 3D graphics without degrading frame rates
Combined GSAP and Framer Motion for scroll-triggered micro-interactions and smooth section reveals
Deployed on Netlify Edge for global distribution, sub-second response times, and automated CI/CD builds
Verified Implementation Details
- Interactive 3D canvas with graceful fallback for lower-powered mobile devices and reduced-motion user preferences
- Structured timetable component providing clear class hours across weekday and weekend training batches
- Client-side form validation with accessible feedback states for enrollment applications
Operational Boundaries & Scope
- Student fee payments and personal student portals are not yet incorporated in the current V1 release; scheduled for V2.