Masud RanaMR

Preparing Portfolio

Loading premium experience

Building the orbit, polishing the UI, and preparing your journey.

System Ready0%
Back Home

Explore My Creations

Projects Hub

A collection of web applications, full-stack systems, frontend interfaces, dashboards, and polished UI experiences.

Browse Projects

Projects Overview

4

All

4

Frontend

4

Full Stack

1

UI Templates

Selected View

You are browsing 4 projects in All

THORNVIEW GROCERY screenshot

Full-Stack Grocery eCommerce Platform

THORNVIEW GROCERY

Inspired by the shopping experiences of major Canadian grocery platforms like Walmart.ca, providing a modern, scalable eCommerce solution for supermarkets and retail startups.Role-based dashboards with separate access and protected routes for Admin, Manager, Customer, and Marketer roles with permission-based actions.Real-time live support chat system engineered with Socket.IO to enable instantaneous communication between customers and administrators.AI-powered assistant integration utilizing the Gemini API to dynamically generate quick replies and resolve user queries efficiently.Smart location flow utilizing browser geolocation tracking, Leaflet maps, and reverse geocoding for automated address auto-fill capabilities.Production-ready commerce features including secure authentication, Stripe payment processing gateways, and structured product, order, and user management.

ReactTailwind CSSNode.jsExpressMongoDBSocket.IO
Live SiteClient CodeServer Code
BloodCare screenshot

Blood Donation Management System

BloodCare

A complete blood donation platform where donors, volunteers, and admins can manage donation requests, users, funding, and request status.Public users can explore the landing page and view all pending blood donation requests with a clean, responsive UI and theme toggle.Donors can create, edit, and delete their own donation requests, and track request status: pending, inprogress, done, canceled.Role-based dashboards for Donor / Volunteer / Admin with dynamic overview cards (total users, total funding, total requests).Admins can manage users (block/unblock, role changes) and admins/volunteers can manage all requests and update statuses.Secure funding module using Stripe Card Payments, plus a full funding history (amount + date) for transparency.Profile system includes dashboard profile data (blood group, district, upazila) and a public My Profile page to update Firebase name/photo.

React 18 (Vite)React Router DOMTailwind CSSdaisyUILottie-reactReact Icons
Live SiteClient CodeServer Code
myDelivery screenshot

Full-Stack Parcel Delivery Platform

myDelivery

A full-stack parcel delivery application designed to optimize and simplify the end-to-end booking, tracking, and operational logistics lifecycle.Role-based dashboards featuring secure, separate access control pipelines and custom workflows tailored for Admin, Rider, and User personas.Dynamic parcel booking architecture built with complete form validation for diverse categories (Document vs. Non-Document), automatic costing parameters, and automated unique tracking ID generation.Interactive coverage map integration powered by Leaflet to enable dynamic regional center distribution lookups and seamless real-time district search filters.Data-driven admin command center aggregating critical business performance metrics into interactive charts for tracking live workflows, rider approvals, and strict payment history logs.

Reacttanstack/react-queryReact Routerreact-hook-formTailwind CSSreact-icons
Live SiteClient CodeServer Code
Next Firebase Shop screenshot

Premium Product Catalog & Dashboard

Next Firebase Shop

A modern full-stack e-commerce solution built with Firebase and React for a polished product catalog, authentication, product details, and admin product management.

ReactNext.jsFirebase AuthTailwind CSSProduct DashboardResponsive UI
Live SiteClient CodeServer Code