Projects

Products and systems I've designed, built, and shipped. Each project includes the problem, my role, what I built, and the outcome.

Sheikh Russel Digital Lab

Led development of a government-funded interactive digital learning platform delivering 1,000+ simulations for grades 6–10 across Bangladesh.

Problem

Bangladesh’s Ministry of ICT needed high-quality, interactive digital learning content for the Sheikh Russel Digital Labs — a nationwide initiative to bring technology-driven education to schools. The content needed to be engaging, pedagogically sound, and technically robust.

My Role

Pedagogy Specialist & Lead Software Engineer

What I Built

  • Architected the technical framework for interactive educational content
  • Developed 2D animations, interactive simulations, infographics, 3D models, video-based content, and quizzes
  • Built a reusable content template system for scalable production
  • Created particle effects, drag-and-drop interactions, and bilingual (Bengali/English) content engines
  • Established coding standards and review processes for the dev team

Outcome

  • Delivered 1,000+ interactive content modules covering grades 6–10
  • Led a team of 23
  • Content deployed to Sheikh Russel Digital Labs across Bangladesh
  • Funded by the Ministry of ICT, Government of Bangladesh

Why It Matters

Demonstrates the ability to lead large technical teams, combine domain expertise (pedagogy) with engineering, and deliver at scale for a government initiative. A direct example of building interactive products where mathematics, programming, and design converge.

Pixi.jsThree.jsZIM.jsJavaScriptHTML5CSSHTML CanvasGit

salt-theme-gen — Design System Theme Engine

An open-source OKLCH-based theme generator that takes one hex color and produces a complete light/dark design system with 21 semantic colors, 32 interactive states, and WCAG accessibility reports.

Problem

Building accessible, consistent color systems is tedious and error-prone. Developers manually derive dozens of color tokens with no guarantee of perceptual consistency or accessibility compliance.

My Role

Creator & Sole Developer

What I Built

  • Automated derivation of 21 semantic colors from a single hex input using the Butterfly Rule
  • 32 interactive state generation (hover, active, disabled, focus for 8 intents)
  • 18-entry WCAG accessibility report baked into the generation pipeline
  • Triadic, complementary, split-complementary, tetradic, and monochromatic harmony options
  • 20 nature-inspired presets with perceptual lightness compensation
  • Light and dark mode output from one source color

Outcome

  • Published on npm as salt-theme-gen
  • Zero runtime dependencies, pure TypeScript
  • Featured on DEV Community
  • Powers this very website’s theme system

Why It Matters

Shows deep understanding of color science (OKLCH perceptual color space), design systems thinking, and open-source engineering. This isn’t a tutorial project — it’s a real tool solving a real problem with mathematical rigor.

TypeScriptOKLCH Color Sciencenpm

WorkingFromHammock

Built the backend, data scraping pipeline, and geo-distance features for a travel guide platform connecting remote workers with destinations and workspaces.

Problem

Remote workers needed a reliable platform to discover travel destinations with accurate accommodation data, workspace proximity, and reviews — aggregated from multiple sources.

My Role

Backend Developer & Data Engineer

What I Built

  • Designed the data model and relational database schema
  • Built RESTful backend APIs for the platform
  • Developed a Python scraping pipeline to extract and clean accommodation data from Booking.com
  • Built a geo-distance calculation system to find nearest workspaces
  • Processed and structured scraped data for frontend consumption

Outcome

  • Functional travel platform with backend serving multiple frontend views
  • Automated data pipeline replacing manual research
  • Geo-distance feature providing location-aware workspace recommendations

Why It Matters

Combines full-stack engineering with data automation — scraping, cleaning, and serving real-world data through a production API.

ReactNode.jsExpress.jsMySQLReact ReduxPythonBeautifulSoupPandasNumPy

Pallabi Business Service Ecosystem

Architected and built a comprehensive ecommerce ecosystem: 1 web platform + 4 dedicated mobile apps serving retailers, producers, agents, and consumers.

Problem

Pallabi Business Service needed a connected digital platform to manage B2B and B2C operations — linking producers, retailers, field agents, and end consumers through a unified system.

My Role

Full-Stack Developer (sole developer)

What I Built

  • Multi-vendor ecommerce web platform with role-based child login, product search, and category management
  • Pallabi Babosha — mobile app for retailers: order placement, inventory browsing
  • Pallabi Utpadok — mobile app for producers: product listing, order fulfillment
  • Pallabi BDA — mobile app for business development agents: field operations
  • Shocheton Kreta — consumer-facing mobile ecommerce app
  • Shared backend APIs serving all 5 client applications
  • Role-based authentication and access control system

Outcome

  • Delivered 5 connected applications (1 web + 4 mobile) from a single backend
  • Enabled digital operations for a multi-stakeholder business model

Why It Matters

Shows the ability to think in systems — not just building individual apps, but designing an interconnected platform where multiple user types interact through shared infrastructure.

Next.jsReactReact NativeExpoNode.jsExpress.jsMongoDB

SymptomWatch

An AI-assisted mental health monitoring platform enabling daily symptom check-ins with risk scoring for clinical care teams supporting individuals with schizophrenia and related conditions.

Problem

Care teams managing patients with serious mental health conditions lack a simple, structured way to monitor symptom changes between appointments — leading to delayed interventions and preventable crises.

My Role

Full-Stack Developer

What I Built

  • Mobile-friendly daily check-in flow (3–5 minutes, no login required via magic links)
  • Risk scoring engine calculating Green / Yellow / Red status from symptom data
  • Real-time clinician dashboard with trend visualization and alerts
  • AI-generated clinical summaries for care team review
  • Automated reminder system via SMS, push notifications, and voice calls (Twilio)
  • Exportable reports (PDF/CSV) with audit logs and secure data handling

Outcome

  • Functional platform enabling early detection of symptom changes
  • Reduced response time for clinical interventions
  • Deployed on Vercel with Neon PostgreSQL

Why It Matters

Demonstrates building a real-world healthcare application combining full-stack engineering, AI integration, and domain-sensitive UX design — where the stakes are clinical outcomes, not just user engagement.

Next.jsReactTailwind CSSNode.jsPostgreSQLPrismaTwilioWeb Push

Data Analysis & Visualization Projects

A collection of data science projects: predictive analytics, interactive dashboards, financial data analysis, and automated web scraping pipelines.

Problem

Multiple projects needed data to be collected, cleaned, analyzed, and visualized for decision-making.

My Role

Data Analyst & Developer

What I Built

  • House Sale Data Analysis — predictive analysis of King County housing data using regression models
  • Flight Delay Statistics Dashboard — interactive dashboard visualizing airline delay patterns
  • Stock Data Analysis — financial data extraction and analysis using web scraping and API integration
  • Web Scraping Pipelines — automated data extraction from multiple web sources

Outcome

  • Delivered actionable insights through interactive dashboards
  • Automated data collection replacing manual processes
  • Applied machine learning models for predictive analysis

Why It Matters

Demonstrates practical data engineering and analysis skills — the ability to go from raw data sources to clean, visualized, actionable insights.

PythonPandasNumPyScikit-learnMatplotlibSeabornPlotlyDashBeautifulSoupJupyter

react-native-salt — Mobile UI Kit

In Development

A React Native UI component library built on top of the salt-theme-gen color system, providing themed, accessible, production-ready components for mobile apps.

Problem

React Native lacks a design-system-aware UI kit that integrates with automated theme generation and guarantees accessibility out of the box.

My Role

Creator & Developer

What I Built

  • Themed, accessible component library for React Native
  • Integration with salt-theme-gen for automated theming from a single color
  • react-native-salt-hooks — companion hooks for theme access and responsive styling

Outcome

  • Extends the salt design ecosystem from web to mobile
  • In active development

Why It Matters

Completes the design system ecosystem from color science to web to mobile. Shows product thinking — building a suite of tools, not just isolated packages.

React NativeTypeScriptsalt-theme-gen