Skip to content

01 About

Built with curiosity.Refined with care.

Hi, I’m Mizanur Hasan — a full-stack developer with a frontend focus. I build SaaS admin and marketplace interfaces, from realtime CRM workflows to storefronts and the services behind them. Component Lab is where I share smaller interaction studies and reusable React and Next.js code.

Email meView Product Work

Same curiosity. A brighter web.

  1. IdeaA simple concept
    1. SketchTurn ideas into structure.
  2. WireframeStructure & layout
    2. IterateAdd structure and behavior.
  3. ComponentInteractive & polished
    Mizanur Hasan working at his desk
    Meet the builder

    A personal portfolio, built with care and curiosity.

    Explore
    3. RefinePolish the details.

02 Product Work

Frontend depth · Full-stack delivery

My strongest work lives in operational products: dense interfaces, realtime data, and the services behind them. Each case study describes what I owned and how the system was built.

01 / Product case study

LeadPylot CRM

Lead frontend engineer

Jan 2024 – Present

A CRM workspace for sales teams handling lead pipelines, detailed records, and live operational workflows.

The problem
Sales teams needed to process leads across several pipeline views while keeping records, tasks, email workflows, and status changes in one place.
My contribution
I led the Next.js admin interface: realtime lead boards, authentication flows, data-heavy screens, and integrations with the platform APIs. Backend services and infrastructure were part of the wider team’s platform.

Private product. A permitted walkthrough can be discussed during an interview; source code is not public.

  • Next.js
  • TypeScript
  • TanStack Query
  • Zustand
  • Socket.io
Read the case study
02 / Product case study

MyPick

Full-stack product engineer

May 2025 – Aug 2026

A multi-vendor marketplace connecting sellers, promoters, and shoppers through storefront and operations portals.

The problem
Sellers needed to manage products and orders; promoters needed shops, links, and commissions; shoppers needed a coherent path from discovery to checkout.
My contribution
I worked across the customer storefront, promoter experience, admin and seller portals, and the NestJS marketplace API.

Public product demos exist; this page keeps the case study within Component Lab. A walkthrough can be shared during an interview.

  • Next.js
  • NestJS
  • TypeScript
  • MongoDB
  • Redis
Read the case study

03 Experience

Product teams and domains

  1. 2024 – Present

    Frontend Engineer

    Digital Pylot

    Lead frontend work on LeadPylot CRM, including admin UI, API integrations, authentication, and realtime features.

  2. 2022 – 2024

    Frontend / MERN Engineer

    Core Devs Ltd.

    Built production Web3 interfaces with React and Next.js, working across shared frontend architecture and state management.

  3. 2020 – 2022

    Software Engineer

    Anoware Medical Services

    Developed healthcare operations modules and internal tools with React, Node.js, and PostgreSQL.

04 Component Lab

Self-initiated component studies

Alongside product work, I build self-initiated component demos to explore specific interaction and implementation problems. Each one has a live preview and source you can inspect.

Real white T-shirt photograph from the Clothing Color Customizer
01

Commerce interface · Component demo

Clothing Color Customizer

Design challenge
Let someone compare garment colors without losing the folds, texture, and protected details in the product photograph.
Implementation
A prepared mask limits which pixels change. Cached shading data is recolored in the browser, while the front and back photos share the selected color.
Explore it
Try swatches, a validated HEX value, front and back views, zoom, and reset. The source includes a typed recoloring hook and configurable product images.

A reusable product preview; checkout and inventory are outside this demo.

  • Canvas
  • Typed props
  • Image masks
Open live demo and source
Earth artwork from the Globe Travel Explorer
02

Travel interface · Component demo

Globe Travel Explorer

Design challenge
Connect a visual destination discovery flow to a practical trip request without making the interface feel like separate screens.
Implementation
The globe, destination selection, and detail view share one stateful component. The trip form validates dates and exposes an async booking callback.
Explore it
Explore destinations, navigate by keyboard, and enter dates and travelers. Reduced-motion artwork and responsive controls support different devices.

The form previews a trip request until an application supplies a booking service through its callback.

  • Stateful UI
  • Form validation
  • Responsive
Open live demo and source