I engineered a centralized web ecosystem for Wisdom Abacus Academy to replace their reliance on manual offline processes and disjointed third-party tools. The goal was to build a unified platform that handles the entire lifecycle: national competition management, student course enrollments, and high-stakes online examinations.
๐๏ธ Architectural Approach: The Hybrid Model
To balance marketing SEO needs with raw application performance, I designed a hybrid frontend architecture:
Core Platform (Next.js): The marketing site and student dashboard utilize Next.js (SSR/ISR). This ensures instant load times and optimal SEO ranking for course pages.
Dedicated Exam Engine (React + Vite): The examination module is a decoupled Single Page Application (SPA). This isolation ensures the exam environment is lightweight and main-thread efficient, preventing lag during timed, high-pressure testing sessions.
โ๏ธ Key Engineering Highlights
Data Strategy: Implemented MongoDB for flexible schema management of complex competition data, paired with Redis for session management and caching to handle high-concurrency traffic.
Growth Engine (Referral System): Built a custom backend logic for influencer tracking. The system generates unique codes, tracks registrations, and automatically calculates commissions, turning the platform into a revenue-generating tool.
DevOps & CI/CD: automated the deployment pipeline using GitHub Actions. Code is tested and deployed directly to Google Cloud Platform (GCP) via Docker containers.
Critical Integrations:
AWS SES: For reliable transactional emails (OTPs, receipts).
Payments: Secure gateway integration for real-time course and competition fees.
Security: Google OAuth for frictionless user onboarding.
๐ Business Impact
100% Digital Transformation: Migrated the client from offline/third-party dependencies to a fully owned custom ecosystem.
High Stability: The separated Vite SPA ensures exam sessions remain stable even if the main landing page experiences traffic spikes.
Scalable Architecture: The micro-service-ready structure (NestJS + Docker) allows for easy future scaling.
๐ ๏ธ Tech Stack
Frontend: Next.js (App Router), React, Vite (SPA), Tailwind CSS
Backend: Nest.js, Node.js
Database: MongoDB, Redis
Infrastructure: GCP, Docker, GitHub Actions (CI/CD), AWS SES
๐ค Open to Collaboration I help businesses build modern, scalable web platforms end-to-endโfrom UI/UX to backend architecture. Open to new remote or contract opportunities.