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

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