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
  • Reduced admin dashboard load time by 83% (~30s to under 5s) by replacing 5 sequential per-student API requests with batched endpoints that fetch data for groups of 20 students in a single request, cutting total request volume by up to 20x
  • Built a responsive React and TypeScript admin dashboard from the ground up to monitor activity for 300+ students across multiple educational applications, partnering directly with the CPO to deliver real-time classroom visualizations and reusable analytics components.
  • Reduced unnecessary backend requests by 90% in the Naomi Math app by extending polling intervals from 60s to 5 minutes, pausing background polling via the Page Visibility API when tabs were inactive, and unmounting polling hooks outside active admin routes.
  • Built a real-time data pipeline where external educational applications sent events to an API service, which persisted updates to Supabase; React clients subscribed to database changes to update dashboard state without manual refreshes.
  • Integrated Clever SSO by building a backend authentication service that validated users against Supabase, issued authorized Supabase tokens, and enforced role-aware access across protected frontend routes and UI features.
  • Established automated testing for Naomi Math, one of the platform’s core React applications, using Vitest, React Testing Library, and Playwright, with 34 unit/component test files and 7 E2E test suites integrated into GitHub Actions CI/CD.

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!