AccentViolet

Frontend & MERN Stack Developer

Masud Rana

I build modern, responsive, animated web applications using React, Next.js, TypeScript, Tailwind CSS, Node.js, Express, and MongoDB.

Hire Me

Chattogram, Bangladesh · Remote friendly

10+

Completed Projects

Frontend, MERN stack, dashboard, and product-based applications.

15+

Technologies

React, Next.js, TypeScript, Tailwind CSS, Node.js, MongoDB, and more.

Certificates

Web development, corporate etiquette, public speaking, and interview preparation.

Core Areas

UI development, backend APIs, dashboards, authentication, and deployment.

SKILL ORBIT

Technologies Orbiting My Craft

Every tool in my stack supports the core: building clean, modern, and production-ready web applications.

JavaScriptLanguage

TypeScriptLanguage

ReactFrontend

Next.jsFramework

Node.jsBackend

ExpressBackend

MongoDBDatabase

FirebaseAuth

GitTooling

Tech Stack

Tools I use to build products

A clean overview of my frontend, backend, database, authentication, tooling, and deployment skills.

Frontend

Building responsive, animated, component-based interfaces.

HTMLCSSJavaScriptTypeScriptReactNext.jsTailwind CSS

Backend

Creating APIs, server logic, middleware, and backend routes.

Node.jsExpress.jsREST APIJWTMiddlewareMVC Pattern

Database

Designing and managing application data structures.

MongoDBCRUDAggregationSchema DesignData Modeling

Authentication

Handling protected routes and secure user flows.

Firebase AuthJWTGoogle LoginPrivate RoutesRole Based Access

Tools

Development workflow, version control, and project setup.

GitGitHubVS CodeNPMESLintChrome DevTools

Deployment

Publishing and debugging production-ready applications.

VercelNetlifyFirebase HostingEnvironment VariablesBuild Debugging

About Me

Developer with design taste

I combine frontend development, MERN stack knowledge, and polished UI animation to create web experiences that feel modern and professional.

Profile

I am a Junior Frontend & MERN Stack Developer based in Bangladesh. I enjoy turning ideas into modern, responsive, animated user interfaces.

Development Focus

My current stack includes React, Next.js, TypeScript, Tailwind CSS, Node.js, Express, MongoDB, and Firebase Auth.

UI Strength

I care about clean layouts, smooth interactions, accessible interfaces, premium visual design, and maintainable frontend architecture.

Learning Path

I completed the Complete Web Development Course from Programming Hero and continue improving my full-stack development skills.

Capabilities

What I can build

A practical overview of my development strengths across frontend, backend, UI animation, dashboards, and deployment workflows.

React · Next.js · TypeScript

Frontend Development

Building responsive, animated, and component-based user interfaces with React, Next.js, TypeScript, and Tailwind CSS.

ReactNext.jsTypeScriptTailwind CSS

Node.js · Express · MongoDB

MERN Stack Development

Creating REST APIs, authentication flows, database models, protected routes, and full-stack application logic.

Node.jsExpressMongoDBJWT

Role-based systems

Dashboard & Admin UI

Designing dashboard interfaces for users, admins, volunteers, product managers, and application operators.

Admin PanelChartsCRUDRole Management

Motion · Interaction · UX

Premium UI Animation

Adding smooth transitions, animated backgrounds, hover states, glassmorphism, dark mode, and interactive UI details.

Framer Motion3D UIDark ModeMicro-interactions

GitHub · Vercel · Firebase

Deployment & Workflow

Deploying production-ready projects, managing GitHub repositories, configuring environment variables, and debugging builds.

GitGitHubVercelFirebase

Services

What I can help you with

Practical development services focused on modern UI, full-stack applications, dashboards, deployment, and production-ready polish.

Premium Landing Page

Modern, responsive, animated landing pages with polished UI, dark mode, smooth sections, and strong visual hierarchy.

ReactNext.jsTailwindAnimation

Portfolio Website

Professional developer, student, business, or personal portfolio websites with SEO, contact form, and premium interactions.

PortfolioSEOResponsiveContact

Dashboard UI

Clean admin dashboards, user panels, role-based layouts, cards, tables, forms, filters, and protected route interfaces.

DashboardAdminCRUDRole UI

MERN Stack Application

Full-stack applications with React frontend, Node/Express backend, MongoDB database, authentication, and REST APIs.

MongoDBExpressReactNode

Bug Fixing & UI Polish

Fixing layout problems, responsive issues, build errors, deployment bugs, dark mode bugs, and UI consistency problems.

DebuggingResponsiveBuild FixUI Polish

Deployment Support

Deploying and configuring projects on Vercel, Netlify, Firebase, setting environment variables, and fixing production errors.

VercelNetlifyFirebaseEnv

Featured Work

Premium project showcase

Selected projects across full-stack applications, dashboards, product experiences, and responsive user interfaces.

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 Code

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 Code

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 Code

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 Code

View All Projects

Loading projects...

Education

Academic background

Science background with strong analytical thinking, problem solving, and continuous learning in modern web development.

Bachelor of Science — Engineering Physics

National University, Bangladesh

Session: 2021–2022

Higher Secondary Certificate — Science

Chattogram Bandar College

GPA: 5.00 / 5.00 · Passing Year: 2021

Secondary School Certificate — Science

Chattogram City Corporation Hatey Khari School & College

GPA: 4.94 / 5.00 · Passing Year: 2019

Certificates

Verified learning

Courses and certificates that support my web development, communication, and professional skill set.

Programming Hero

Complete Web Development

Complete web development training covering HTML, CSS, JavaScript, React, Node.js, Express, MongoDB, authentication, and full-stack projects.

View Certificate

SkillUp

Corporate Etiquette

Professional behavior, communication, workplace presence, and corporate manners.

View Certificate

SkillUp

Presentation & Public Speaking

Presentation structure, public speaking confidence, stage presence, and visual storytelling.

View Certificate

SkillUp

Communication Secrets

CV writing, interview preparation, career presentation, and professional positioning.

View Certificate

All Achievements

Loading certificates...

FAQ

Quick answers before we talk

A short overview of my availability, technical stack, and project workflow.

I am open to frontend developer, MERN stack developer, junior web developer, internship, and remote-friendly opportunities.

Loading FAQ...

Availability

Ready to build clean, modern web experiences.

I am currently available for frontend development, MERN stack projects, junior developer opportunities, and portfolio-worthy product interfaces.

Contact Me View Resume

Open to Work

Frontend, MERN stack, junior developer, internship, and remote-friendly roles.

Remote Friendly

Available for remote collaboration and communication-focused development work.

Fast Response

Reach out through the contact form or email. I usually respond quickly.

Upwork Service

Hire Me on Upwork.

High-end web apps, landing pages, dashboards, and full-stack systems at entry-level pricing while I grow my Upwork profile.

View Profile

Starting

Figma to Landing Page

$5starting

Pixel-perfect responsive landing page from your Figma design.

Order Now

Features

Up to 5 pages
Up to 12 sections
Advanced animations
Responsive on all devices
Browser compatibility
Unlimited revisions

Let’s build something premium

I am open to frontend, MERN stack, data operations, admin, and junior web development roles.

masud040502@gmail.com +880 1878-155256

Chattogram, Bangladesh

Loading contact...

Loading premium experience

Masud Rana

Completed Projects

Technologies

Certificates

Core Areas

Technologies Orbiting My Craft

Tools I use to build products

Frontend

Backend

Database

Authentication

Tools

Deployment

Developer with design taste

Profile

Development Focus

UI Strength

Learning Path

What I can build

Frontend Development

MERN Stack Development

Dashboard & Admin UI

Premium UI Animation

Deployment & Workflow

What I can help you with

Premium Landing Page

Portfolio Website

Dashboard UI

MERN Stack Application

Bug Fixing & UI Polish

Deployment Support