EdTech / Web ApplicationWeb Apps

Nucleus Institute Platform

High-Performance Canadian Education Web Platform

Role: Frontend Developer

Period: 2024

Project Links & Resources

Project Overview & Architecture

Developed for Canadian client Nucleus Institute, this application presents educational offerings, course catalogs, student consultation request flows, and administrative management features.

Focused heavily on frontend engineering best practices: server-side rendering with Next.js, accessible UI components, localized asset optimization, and SEO metadata.

Achieved Lighthouse performance scores of 95+ across Desktop and Mobile viewports.

Key Platform Features

Dynamic course catalog with filterable curriculum modules

Interactive consultation & student inquiry intake forms

Fully responsive breakpoint support across all modern devices

Optimized SEO metadata and structured JSON-LD schema

Fast page transitions and accessible keyboard navigation

Engineering Challenges & Solutions

Challenge: Improving low mobile performance scores caused by heavy image assets and unoptimized scripts.

Solution: Migrated to Next.js Image component, implemented lazy loading, and eliminated redundant third-party script blocking.

Impact & Key Metrics

Lighthouse Score95+

Mobile Page Load<1.2s

Technologies Used

React.jsNext.jsJavaScriptTailwind CSSHTML5CSS3REST APIs