portfolio-picture

Nikko Chan

Full Stack Developer

Welcome to my site! If you have any questions, feel free to send me an e-mail.

About

Hello 👋 I’m Nikko, a fullstack software engineer with 3+ years of experience building production web applications, including AI-powered educational platforms.

At 24/7 Teach, I work on a React + TypeScript-based learning platform used by 300+ users. I’ve contributed across the stack, but my main focus is building responsive UI systems, interactive dashboards, and improving frontend performance. I enjoy turning complex product requirements into clean, maintainable interfaces and improving the performance and usability of real-world systems.

Professional Experience

March 2023 - Present

Full Stack Developer - 24/7 Teach north_east

  • React.js
  • Typescript
  • Tailwind
  • Supabase
  • PostgreSQL
  • Led the full-stack development of Naomi Math, an individually paced K–12 platform using React 18, TypeScript, Node.js, and Supabase (PostgreSQL) to mitigate local teacher shortages by automating student intervention for 300+ users.
  • Built a centralized Admin Dashboard from the ground up using React 18 and Supabase, partnering with the CPO and school administrators to deliver real-time classroom analytics and student performance data visualizations.
  • Improved data-fetching architecture to cut dashboard load times from ~30 seconds to under 5 seconds; replaced an iterative loop that fired 8 sequential API requests per student with a batched query endpoint that retrieves aggregated metrics for a paginated subset of user IDs in a single network round-trip.
  • Optimized database performance to reduce redundant Supabase requests by 90% across platform applications; refactored the session tracking timer from 60 seconds to 5 minutes using the Page Visibility API, and restructured an admin-health polling service to mount exclusively within authorized routes.
  • Implemented a multi-tenant authentication and authorization system by integrating Clever SSO across all platform applications and implementing Role-Based Access Control (RBAC) to dynamically provision permissions for students, teachers, and administrators.
  • Designed an event-driven webhook architecture that synchronized real-time student activity across multiple applications into a centralized dashboard, replacing inefficient cross-database polling with event-based data integration.

June 2022 - Sep 2022

Software Engineer Intern - Westlake Financial north_east

  • Java
  • Spring Batch
  • Oracle SQL Developer
  • PL/SQL
  • Developed backend ETL processes using Spring Batch to automate the aggregation of client account and financial delinquency data from MySQL databases into automated internal reports.
  • Participated in daily Agile workflows to optimize complex SQL reporting queries, enhancing data processing efficiency for enterprise risk analysis and partner distribution workflows

Selected Projects

June 2024

Issue Tracker App north_east

  • Next.js
  • Typescript
  • Tailwind
  • Prisma
  • MySQL
  • Built a full-stack issue tracking system using Next.js (App Router) and TypeScript, implementing authentication, dynamic routing, and server/client components.
  • Designed relational database schemas with Prisma ORM and MySQL to manage issue states, user assignments, and status workflows.
  • Developed interactive UI components using Radix UI and Tailwind CSS, enabling filtering, status updates, and responsive layouts.
  • Implemented client-side validation, error handling, and optimistic UI updates to improve usability and perceived performance.
View More arrow_right_alt
Hire Me!