Selected work / msbsurfi

Projects that start with an actual need.

The portfolio leans toward student infrastructure, public information, and practical coordination tools. The common thread is simple: build for real use first, then make it feel memorable.

Signature systems

Public work, live platforms, and the publishing system behind this site.

Student platform Live

DMC Blood Data Portal

A sign-in based donor and resource portal that combines account flows, blood data access, AI Books links, and APK distribution.

The live portal also cross-links into related student initiatives and presents a broader ecosystem of medical education resources.

PortalAuthInformation designMedEd
Open project
Operations portal Live

DMC Bones Bank

A public-facing site and management platform supporting an ethical, organized bone-lending system for Dhaka Medical College.

Public documentation credits this platform to Urfi across the website, student portal, and administrator tooling.

Public siteOperationsInventoryStudent service
Open project
Open project Public repo

Logbook Expense Sharing

A public PHP repository focused on expense sharing and ledger-style collaboration.

It shows the same pattern that runs through the rest of the work: simple tools aimed at real coordination problems.

PHPTrackingShared workflows
Open project
Personal publishing In progress

This Sonic Journal

A custom Astro front end backed by SonicJS collections for journal entries, notes, updates, and contact workflows.

The site is meant to hold both personal writing and a growing archive of work, experiments, and public references.

AstroSonicJSCloudflareEditorial UI
Open project

How I like to build

The themes that keep showing up across the work.

Focus area

Community Systems

Platforms that help students, volunteers, and administrators coordinate without unnecessary friction.

Focus area

Medical Education Tools

Study resources, structured portals, and information design shaped around real student workflows.

Focus area

Design and Delivery

Editorial front-end work, content systems, and maintainable interfaces that still feel distinctive.

Working style

What matters in the process

  • Build for actual use before polishing for a portfolio screenshot.
  • Let design carry identity, but keep the flows easy to understand.
  • Use CMS-backed structures so writing and updates stay sustainable.