Skip to content

Case studies

Product problems, the solutions delivered, and the engineering decisions behind them.

Each case study follows the same shape: what the product is and who uses it, what problem it solved, what I personally built, how it works, the engineering decisions behind it, and what changed as a result. Client work is described at the level of engineering problems. Interface previews are abstractions built for this site, never real customer screens.

All case studies

Enterprise Product Engineering

Community Platform for 500K+ Educators

Statewide community platform for teachers and school staff

A discussion and collaboration platform used by more than 500,000 educators across a US state, with the administration and moderation tools a public-sector deployment that size requires.

Contribution

Frontend ownership covered the permission system that decides what each user can see and do, the discussion and moderation interfaces, and the data layer that keeps the app in step with the server.

React 18TypeScriptRedux ToolkitRTK QueryReact RouterMaterial UIREST APIs

Read case study about Community Platform for 500K+ Educators
community · discussions

Moderation queue

Pending review

Interface recreated for portfolio purposes.

Data Products

Energy Analytics Dashboard

Energy data analytics dashboard

An application analysts use to explore energy consumption and generation across sites, meters and long time ranges, through charts and tables that stay in step with each other.

Contribution

The frontend contribution covered the charting layer, the shared filter system that keeps every chart and table in sync, large data tables, and an export pipeline for CSV, PDF, and image output.

ReactTypeScriptViteMaterial UIRedux ToolkitRTK QueryNivo

Read case study about Energy Analytics Dashboard
energy · consumption analysis
RegionSiteMeterLast 12 monthsLogLinear

Consumption · logarithmic

MeasuredBaseline
1k100101MeasuredBaseline

Sites

Meters

Interval

Interface recreated for portfolio purposes.

Frontend Architecture

Healthcare Analytics Platform

Healthcare data analytics platform

An interface for exploring healthcare datasets: summary views showing the shape of a population, over-time views showing how it changes, and detail tables for the records behind either.

Contribution

The frontend contribution covered the reusable chart system behind every dashboard, the filtering and caching layer beneath it, and the large-table experience.

ReactTypeScriptRedux ToolkitRTK QueryMaterial UIMaterial React TableNivo

Read case study about Healthcare Analytics Platform
analytics · summary + over time

Cohort

Coverage

Utilisation

Trend over time

Monthly
MeasurePeriodSegmentValue

Interface recreated for portfolio purposes.

AI Product Engineering · Personal Project

Open Fern

AI video creation platform

A workspace for creating video with generative AI: refining a prompt, choosing and configuring a model, tracking the generation, and reviewing the result. Built end to end by me.

Contribution

Everything: the product thinking, the architecture, the interface design and the code.

ReactTypeScriptRemotionOpenAIClaudeGeminiElevenLabs

Read case study about Open Fern
open fern · creation workspace

Prompt

A slow aerial pass over a coastline at first light.

Refined

editable

Aerial tracking shot, low sun, long shadows across wet sand, 24fps, shallow depth of field.

Capabilities resolved per model. The UI never branches on provider.

Configuration

Model
Duration
Aspect ratio
Reference image

Jobs

  • Scene 01Complete
  • Scene 02Generating
  • Scene 03Needs review

05 / Contact

Have a complex product problem worth solving?

Available for senior frontend, product engineering, and AI product engineering opportunities.

Start a conversationLinkedIn
connection.openavailable
  1. 01

    Email

    habibdeoraji@gmail.com
  2. 02

    LinkedIn

    View professional profile
  3. 03

    Location

    Bangalore, India · Remote