Real Projects. Real Challenges. Real Solutions.

Dive deep into the technical journeys behind my projects. From initial concept to production deployment, discover the engineering decisions, obstacles overcome, and lessons learned while building full-stack MERN applications.

01

Building DevStation IT: A Corporate Website Journey

React 18 Node.js MongoDB Tailwind CSS Framer Motion JWT Custom CMS

DevStation IT started with a conversation about creating a professional web presence for an IT services company. What began as a simple corporate website project evolved into a three-month journey of building a modern, scalable platform using the MERN stack that would showcase the same technical expertise the company offers to clients.

The Genesis

The biggest decision was choosing between using a headless CMS or building our own. We opted for custom development to showcase our capabilities and have complete control over the content structure. This allowed us to create exactly what the client needed without the bloat of third-party solutions.

The first major challenge was performance optimization. Initial bundle size was over 500KB, causing slow load times. The solution involved aggressive code-splitting with React.lazy(), implementing dynamic imports for route-based code splitting, and optimizing images with lazy loading. Final bundle size: under 200KB with additional chunks loaded on demand.

The moment the client could update their own content without calling me was when the project truly became a success. That's when I knew we'd built something valuable.

SEO in a React single-page application was another hurdle. Search engines struggled with our SPA, so I implemented React Helmet for dynamic meta tags, ensured proper semantic HTML structure, created a sitemap generator, and added structured data (JSON-LD) for rich search results. This brought organic traffic up significantly after launch.

The admin dashboard required special attention to UX. The initial interface was too technical for non-developers. We redesigned it with intuitive navigation, added a rich text editor with preview functionality, implemented drag-and-drop image uploads, and created real-time preview of changes before publishing. Content updates went from hours to minutes.

View Full Project
02

Building CodeCampus: A Scalable Learning Management System

React 18 Node.js MongoDB Socket.io SSL Commerz Cloudinary JWT

When I started CodeCampus, I knew the biggest challenge wouldn't be the code itself—it would be integrating Bangladesh's local payment gateway, SSL Commerz, into a platform that needed to feel as seamless as international solutions like Udemy or Coursera.

The SSL Commerz Challenge

Unlike Stripe or PayPal, SSL Commerz requires careful webhook handling and transaction verification. I built a custom payment wrapper that handles edge cases like partial payments, failed transactions, and even currency mismatches. The result? A 99.8% payment success rate.

Real-time features were another beast entirely. Implementing Socket.io for live group chat meant dealing with message queuing, room management, and handling 500+ concurrent messages per minute. I optimized it by implementing message batching and Redis caching for active chat sessions.

The hardest part wasn't building features—it was ensuring they worked reliably at scale. Every optimization decision was tested with real user scenarios and performance benchmarks.

Video storage presented its own puzzle. Storing large course videos directly would be expensive and slow. By integrating Cloudinary's adaptive streaming, I reduced bandwidth costs by 60% while maintaining 1080p quality. Students now experience smooth playback even on 3G connections.

View Full Project
03

Byte: Engineering a Social Platform with Blood Donation Matching

React Node.js MongoDB Geospatial Leaflet.js Redis Socket.io Multi-format Media

Byte started with a simple question: What if social media could save lives? The answer led me down a technical rabbit hole involving geospatial queries, multi-format post handling, and real-time geolocation matching for blood donation.

Geolocation Matching at Scale

Using MongoDB's 2dsphere indexes, I built a proximity-based matching system that finds compatible blood donors within a 5km radius in under 100ms. The algorithm accounts for blood type compatibility, donor availability, and even considers traffic patterns during emergencies.

Supporting four different post types (text, image, audio, video) required a unified content schema with type discriminators. Each format needed its own optimization strategy—images got automatic WebP conversion, videos used adaptive streaming, and audio posts implemented waveform visualizations.

The creator monetization system was particularly interesting. I built an analytics engine that tracks not just views, but meaningful engagement—watch time for videos, listen time for audio, and interaction patterns. This data feeds into a fair revenue distribution algorithm integrated with SSL Commerz payouts.

Explore Technical Details
04

Tayaaki: Zero-Overselling E-commerce with Complex Variants

React Redux Toolkit Node.js MongoDB SSL Commerz Optimistic Locking

E-commerce seems straightforward until you deal with concurrent purchases, product variants, and inventory synchronization. Tayaaki taught me that the devil is in the details—especially when handling products with multiple size and color options.

Preventing Overselling with Transactions

I implemented MongoDB transactions with optimistic locking to ensure that even during flash sales, the system never oversells. When two users try to buy the last item simultaneously, the database ensures only one succeeds. The result? 0% overselling incidents since launch.

Product variant management was another complex puzzle. A single t-shirt might have 3 sizes and 5 colors, creating 15 unique SKUs. I designed a flexible schema with nested variant arrays and dynamic pricing that supports unlimited combinations while maintaining query performance.

Image optimization made a massive difference. By implementing Cloudinary with automatic WebP conversion and lazy loading, I reduced product page load time from 2.1s to 0.8s—a 62% improvement. This alone increased conversion rates significantly.

See Full Implementation
05

BloodConnect: Sub-3-Minute Emergency Donor Matching

React Node.js MongoDB Geo Socket.io FCM AES-256

BloodConnect was born from a simple truth: in blood emergencies, every second counts. The technical challenge was clear—build a system that matches donors and recipients in under 3 minutes while ensuring data privacy and security.

Emergency Response Architecture

Using MongoDB geospatial indexes and Socket.io, I built a real-time matching system that broadcasts emergency requests to compatible donors within a 10km radius in under 500ms. Push notifications via Firebase ensure donors are alerted even when the app isn't open.

Privacy was paramount when handling sensitive health data. I implemented AES-256 encryption for personal information, role-based access control for different user types, and GDPR-compliant consent management. Medical data never leaves the server unencrypted.

The eligibility algorithm was particularly interesting—it considers not just blood type compatibility, but also 90-day donation intervals, current health status, and even recent travel history. This ensures only truly eligible donors are matched, maintaining a 98% match accuracy rate.

Discover Technical Architecture
06

Izabela: Building Context-Aware AI with GPT-4

React Node.js OpenAI GPT-4 Redis WebSocket Web Speech API

Izabela was my dive into AI development—creating a conversational companion that remembers context, adapts to user preferences, and provides genuinely helpful responses. The challenge wasn't just integrating GPT-4, but making it feel natural and responsive.

Context Management Strategy

I built a Redis-backed conversation memory system that maintains a sliding window of the last 10 messages. This gives GPT-4 enough context to provide coherent responses while keeping API costs manageable. The system achieved 95% intent recognition accuracy.

Prompt engineering was an art form. I spent days crafting the perfect system prompt that gives Izabela a consistent personality while remaining helpful and professional. The prompt includes formatting rules, response guidelines, and safety boundaries to ensure quality interactions.

Response latency was critical for user experience. By implementing WebSocket streaming, I could display responses as they're generated—showing typing indicators and chunked delivery. This dropped perceived wait time from 5+ seconds to under 2 seconds, making conversations feel instant.

View AI Implementation
06

Zero Hunger: Multi-Stakeholder Platform for Social Impact

React Node.js MongoDB Leaflet.js Socket.io Analytics

Zero Hunger was my first project—the one that started it all. The goal was ambitious: connect food donors, NGOs, volunteers, and beneficiaries on a single platform to fight hunger. Managing four different user types with different needs and workflows was a masterclass in system design.

NGO Verification System

Trust is everything in social good platforms. I designed a multi-step verification workflow where NGOs submit registration documents, undergo admin review, and receive credibility ratings based on donation fulfillment history. This ensures only legitimate organizations participate.

Real-time matching between donors and NGOs required careful proximity calculations and availability checks. Using MongoDB geospatial queries and Leaflet.js for mapping, I created a system that matches food donations with nearby NGOs within 15 minutes—ensuring food reaches those in need while fresh.

Impact tracking was crucial for transparency. I built an analytics dashboard using MongoDB aggregation pipelines that shows real-time metrics—meals served, active donors, NGO performance, and community reach. This data helps NGOs demonstrate their impact and attracts more donors.

Explore Social Impact Tech
07

Gramer Bazar: Building a Full-Stack E-commerce Marketplace

React 18 Node.js MongoDB Express.js JWT Auth Cloudinary Tailwind CSS

Gramer Bazar was born out of a real need — connecting local village-level sellers in Bangladesh with a broader online customer base. The goal was simple: build an affordable, scalable e-commerce platform that felt as polished as major platforms, but was designed specifically for small local businesses.

The Core Challenge

The hardest part wasn't writing code — it was designing the multi-role system. Customers, sellers, and admins all needed completely different dashboards and permission levels, but the same codebase had to serve them all seamlessly with JWT-based role authentication.

Building the product catalog was deceptively complex. Sellers needed to manage inventory, add multi-image products via Cloudinary uploads, and set dynamic pricing — all through a simple dashboard that required zero technical knowledge. I ended up building a custom drag-and-drop image uploader with real-time Cloudinary integration that compressed images automatically before storing them.

The moment a seller from a small village uploaded their first product listing without any help, I knew the UX problem was truly solved.

Order management was another deep rabbit hole. I designed a state machine for order statuses — pending, confirmed, shipped, delivered, cancelled — with automated email notifications at each transition using Nodemailer. The admin dashboard surfaces all this in real-time with MongoDB aggregation-powered analytics.

View Full Project
08

Gadget X: Engineering a High-Performance Tech Store

React 18 Node.js MongoDB Express.js JWT Auth Cloudinary Vite

Gadget X was a step up in complexity from previous e-commerce projects. Tech shoppers are demanding — they want instant filtering by brand, specs, and price range, accurate stock indicators, and a checkout that doesn't make them think twice. Performance and trust were the two non-negotiables from day one.

Performance-First Architecture

With potentially thousands of products, I moved away from client-side filtering entirely. All filters — brand, category, price range — hit MongoDB with compound indexes and server-side pagination. This kept the bundle lean and search results instant, even with large catalogs.

The product detail page was the most engineered part of the build. It features a multi-image gallery with zoom, real-time stock status updated via polling, related products powered by MongoDB's aggregation pipeline, and a persistent cart synced to the user's account via JWT sessions — so items survive across devices and browser sessions.

When the first test user completed checkout in under 45 seconds without reading any instructions, I knew the UX was finally right.

The admin panel was designed for speed. Bulk product import via CSV, automated thumbnail generation on Cloudinary upload, and a single-screen order management view that lets admins process 10+ orders per minute made operations genuinely efficient. The live analytics dashboard uses MongoDB change streams to update sales figures without page refresh.

View Live Site

Ready to Build Something Amazing?

Let's collaborate on your next project. Whether it's a complex MERN application, an AI-powered solution, or a social impact platform—I bring the same dedication and technical expertise to every build.

Start a Conversation