Asna Academy

Asna Academy • 2026 • Full Stack Engineer

Short Explanation

Asna Academy is a comprehensive sports academy management platform designed to streamline operations, from student registration and class management to attendance, financial reporting, and e-commerce. Built with modern web technologies, it ensures high performance, scalability, and a responsive user experience.

Tech Stack Used

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

Key Features

Responsive UI

Designed and implemented a fully responsive user interface that delivers a seamless experience across desktop and mobile devices.

Role-Based Access Control

Supports Superadmin, Admin, Coach, and Student roles, each with a tailored dashboard and permissions.

Comprehensive Dashboard

Role-Based Access Control
  • 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.

Demo Video