SW Habitation
A developer learning platform with tutorials, tools, and interactive resources used by 7K+ users, featuring insight dashboards and usage tracking.
What It Is
SW Habitation is a developer learning platform serving 7,000+ active users with structured tutorials, interactive coding tools, and curated resources across web development and software engineering. The platform integrates insight dashboards and usage tracking to drive data-informed content decisions, and relies on SSR and dynamic routing for strong SEO performance and fast time-to-first-byte across all tutorial pages.
How It Works
Server-Side Rendering & SEO
All tutorial and resource pages use Next.js SSR with dynamic routing, generating fully-hydrated HTML for crawlers. Structured data (JSON-LD) and OpenGraph metadata are injected per-page, contributing to measurable organic traffic growth.
Insight Dashboards
Usage tracking captures page views, session depth, and content engagement signals. Aggregated metrics feed an admin insight dashboard that surfaces trending tutorials, drop-off points, and growth opportunities for the content team.
Modular Component Architecture
Legacy monolithic React pages were refactored into route-level modular components. Shared UI primitives (code blocks, callout cards, breadcrumbs) live in a component library consumed across tutorial, tool, and dashboard views.
What I Owned
Platform Engineering
Led the refactoring of legacy React/Next.js pages into a modular component system, reducing duplicated UI logic and improving route-level maintainability. Owned the implementation of SSR patterns and dynamic routing across all content pages.
SEO & Performance
Implemented structured data, meta tag management, and Core Web Vitals optimisations. Established a performance budget and integrated Lighthouse CI into the deployment pipeline to prevent regressions.
Analytics Integration
Designed and built the usage tracking pipeline and insight dashboards. Defined the event taxonomy for page views, engagement signals, and content interactions that the content team uses to prioritise new tutorials.
Tech Stack
Browse the source code, commits, and technical implementation details for SW Habitation.
More Projects
CyberCup.ai
An AI-enhanced cybersecurity training platform combining traditional CTF challenges with LLM-powered learning, actively developed under the Inspire Center organization with a cross-functional team of 8 engineers.
JobNest
A modern, secure job application tracker to manage your entire job search in one place. Features an AI-powered assistant (NESTAi), application analytics, interview scheduling, and email templates. A Techifive product.
Aviation Delay Prediction
An end-to-end ML pipeline and decision support system for predicting aviation delays across four major Virginia airports, built with a 3-engineer team processing 10 years of historical data.