Portfolio

Manraj Bains

Developer · UI & product thinking

I ship web apps end to end, with emphasis on clear structure, honest scope, and interfaces that explain themselves—especially where data, rules, and user decisions meet.

View case studies Download resume

Selected work

Each project below is written as a case study—problem, process, decisions, and outcome—not only a screenshot and stack list.

  • BloomScan interface preview

    BloomScan

    Plant ID often feels like a database dump—this app keeps one photo path and surfaces care and safety in scannable blocks.

    • React
    • TypeScript
    • Vision
    View GitHub
  • Product Insight Scanner interface preview

    Product Insight Scanner

    Open product data is noisy—this flow normalizes barcode lookup into scores and plain-language breakdowns for quick in-aisle reads.

    • React
    • Node
    • API
    View GitHub
  • PracticePlanner interface preview

    PracticePlanner

    Training apps fail when the week has no spine—structured plans, progression, and recovery cues in one dashboard narrative.

    • React
    • UI/UX
    View GitHub
  • AutoWorth interface preview

    AutoWorth

    Listings mix signal and noise—this UI compresses price, mileage, and risk into a clear buy / negotiate / avoid read.

    • React
    • UI/UX
    View GitHub

View all projects →

About

I build full-stack web projects and care how structure shows up in the UI—ordering, defaults, and honest empty states—not only polish. Most of my recent work is documented as case studies so the reasoning behind layouts and flows is visible, not just the shipped screen.

Frontend React, TypeScript, HTML/CSS, responsive design
Backend Node.js, REST APIs, data modeling
Tools Git, VS Code, Figma