Asna Academy
A sports academy platform for registration, attendance, finance, and e-commerce.
- Role
- Full Stack Engineer
- Year
- 2026
- Stack
- Next.js, TypeScript, Supabase, Tailwind CSS
Overview
Asna Academy is a sports academy management platform covering student registration, class management, attendance, financial reporting, and e-commerce.
Key features
Responsive UI
A responsive interface across desktop and mobile.
Role-Based Access Control
Supports Superadmin, Admin, Coach, and Student roles, each with a tailored dashboard and permissions.
Comprehensive Dashboard
- Visual statistics for attendance, revenue, and activities.
- Management of branches, classes, programs, and facilities.
Academic & Operational
- Enrollment and attendance tracking.
- Internal social feed for community interaction.
- System logs for audit trails.
Finance & E-Commerce
- Transaction management with PDF invoice generation.
- Online shop for sports equipment with inventory management.
Tech stack
- Next.js (App Router) for full-stack application
- TypeScript for type safety and maintainability
- Tailwind CSS & Shadcn UI for styling
- Supabase for backend, auth, and database
- Zustand for state management
- React Hook Form & Zod for form validation
Gallery
