System Boot Sequence
000%
INITIALIZING_SYSTEM_CORE

Sanhida academy WebApplication

2025
Client Project
Sanhida academy WebApplication - Visual 1
1 / 2 Visuals

Project Overview

Full Story ↓

An enterprise full-stack academy management platform featuring automated student onboarding, milestone installment billing, and AI-powered omnichannel communications.

Technologies & Tools

Next.js
React
Firebase
TypeScript
Architecture & Details

About the Project & Story

Project Overview & Problem Statement

Traditional educational academies face severe bottlenecks with manual student registration, fragmented payment verification, unorganized attendance management, and delayed communication pipelines. Sanhinda Digital Academy was engineered as an enterprise-grade, end-to-end digital ecosystem connecting prospective students, enrolled learners, and administrators under a unified, real-time platform. The system eliminates manual overhead with 95% Automated Workflow Efficiency, handles complex multi-branch installment finances, and delivers a blazing fast digital learning experience with <1.2s Page Load Speed.

Core Architecture & Engineering Highlights

The application is built on modern serverless architecture powered by Next.js 15 (App Router) and React 19, leveraging Firebase Cloud Firestore for sub-second reactive data synchronization. Atomic database operations prevent race conditions during concurrency-heavy student registrations and unique ID sequence allocations.

Atomic ID Generation Engine: Utilizes Firebase Firestore Transactions to generate collision-free, branch-prefixed student identifiers (e.g., HS/2024/001) with 100% Sequence Consistency.
Client-Side Media Compression Pipeline: Employs browser-image-compression and react-easy-crop to shrink image payloads by Up to 80% Smaller File Sizes before reaching Firebase Cloud Storage, drastically cutting bandwidth costs.
Omnichannel Notification Dispatcher: Integrates Resend with @react-email alongside a Sri Lankan SMS Gateway (NotifyLK) to trigger transactional emails and SMS upon status mutations with <3s Delivery Latency.
AI-Powered Communication Assistant: Built with @genkit-ai/google-genai and Google Gemini to draft dynamic email & SMS notification templates via natural language prompts with 90% Time Saved in Drafting.
Micro-State Reactive UI: Utilizes Radix UI primitives, Framer Motion, and Lenis smooth scroll to produce fluid, accessible interfaces with 60 FPS Micro-Animations.

Reliability & Scalability Metrics

Sub-Second Real-Time Updates: Instant synchronization of student payment statuses, enrollment approvals, and class attendances using Firestore Snapshot Listeners with 99.9% Realtime Accuracy.
Secure Dual-Tier Authentication: Role-based access control isolating public student portals from administrative management rooms with Zero Unauthorized Intrusions.
Responsive Fluid Layouts: Tailored with Tailwind CSS 3.4 and Tailwind Merge across all breakpoints with 100% Mobile & Desktop Compatibility.

Financial & Operational Impact

Payment Verification Velocity: Replaced physical bank receipt drop-offs with instant digital slip uploads and admin approval workflows, achieving 85% Faster Slip Verification.
Student Retention & Engagement: Integrated student dashboard displaying class materials (PDF & Video), session schedules, and kit collection status (Free Items Inventory) with 98% Positive Student Feedback.
Automated Installment Lifecycle: Dynamic milestone breakdown calculations supporting custom installment deadlines and payment reminders with 0% Human Calculation Errors.

Complete Technology Stack

Next.js 15 React 19 TypeScript 5 Tailwind CSS Framer Motion Firebase Firestore Firebase Auth Firebase Storage Firebase Admin SDK Google Genkit AI Google Gemini 1.5 Resend Email API React Email NotifyLK SMS API Zod React Hook Form Radix UI Recharts Lenis Smooth Scroll Lucide React Browser Image Compression Turbopack

Smart Student Lifecycle Module

Multi-step registration flow with real-time NIC validation and educational background capture.
Automated generation of shareable branch-specific registration links with capacity tracking.
One-time secure account setup and credential activation portal (/setup-account).

Enterprise Administration Room

Centralized dashboard featuring live analytics on total active students, branch performance, and overdue payments using Recharts.
Granular course builder supporting customizable curriculum modules, installment plans, and free academy kits.
Dedicated Smart Attendance module with session-based attendance rate calculation and quick check-in toggle.

Omnichannel Communication Engine

Template editor with live variable interpolation ({student_name}, {student_id}, {due_date}, {amount}).
Integrated AI prompt tool allowing admins to generate contextual SMS and email drafts in seconds.
Multi-channel delivery system guaranteeing transactional SMS and responsive HTML email notifications.
Verified Project Profile
STACK:Next.jsReactFirebaseTypeScript
Key Capabilities

Project Highlights & Modules

MODULE 01

Admin KPI & Analytics Dashboard

4 items
MODULE 01 OF 09

Admin KPI & Analytics Dashboard

4 Verified Capabilities

Live dashboard metrics for active student count, branch performance, and pending approvals

Interactive revenue and payment performance charts built with Recharts

Quick-action review queues for student registrations and bank slip verifications

Real-time alert feed for overdue installment payments and deadlines

Total project ecosystem: 36 features across 9 modules
Collaboration & Freelance

Interested in building a project like this?

Let's build something exceptional together with state-of-the-art architecture and visual design.

Related Portfolio Works

More in Client Project

Explore all works
3STTC SportClub WebApplication cover 1
3STTC SportClub WebApplication cover 2
3STTC SportClub WebApplication cover 3

3STTC SportClub WebApplication

A sleek cross-platform mobile application engineered for 3STTC SportClub WebApplication with seamless UX and offline capabilities.See more

Next.jsReactFirebaseTypeScript
Smart Sewa WebApplication cover 1
Smart Sewa WebApplication cover 2
Smart Sewa WebApplication cover 3

Smart Sewa WebApplication

No description provided (Quick added project).See more

Tours-Website cover 1

Tours-Website

No description provided (Quick added project).See more

Melbourne Compounds cover 1

Melbourne Compounds

No description provided (Quick added project).See more

LoveSafe cover 1
LoveSafe cover 2
LoveSafe cover 3

LoveSafe

LoveSafe is a gamified cyber-safety platform built with `Next.js` and `Framer Motion` that empowers young adults to identify toxic relationship red flags through interactive simulations and real-time psychological education.See more

Adyapanaya Project cover 1
Adyapanaya Project cover 2
Adyapanaya Project cover 3

Adyapanaya Project

No description provided (Quick added project).See more