Mahdi Hussain

Hi, I’m Mahdi Hussain
I build MERN Stack apps 🚀

A passionate MERN Stack Developer focused on modern UX, resilient APIs, and clean, scalable state management with Redux & RTK Query.

Next.jsTypeScriptReactRedux / RTK QueryNode.jsExpressMongoDBTailwind CSSFramer MotionJWT/AuthREST APIs

5+

Years Coding

10+

Major Modules

Curiosity

About

I specialize in Next.js (TypeScript) front‑ends and Node.js/Express back‑ends with MongoDB. I care about DX, accessibility, and performance — fromanimated, responsive UIs to secure, well‑documented APIs.

  • Reusable Toast system (success/alert/promise) controllable from outside components.
  • Global cart with quantity controls, subtotals, and clean remove flows.
  • Form stacks with react-hook-form + Zod, integrated into Redux slices.
  • Token persistence in Redux for seamless auth UX (no reloads).

What I’m looking for

MERN/Next.js roles where I can own features end‑to‑end: API design, typed forms, and delightful UI polish.

Full‑timeContractRemoteOn‑site (BD)

Frameworks & Tools

Next.js, React, TS

Redux, RTKQ

Node, Express

MongoDB

Skills

HTML / CSS

95%

JavaScript (ESNext)

92%

TypeScript

85%

React

92%

Next.js

88%

Redux / RTK Query

90%

Node.js

86%

Express

84%

MongoDB

88%

Tailwind CSS

95%

Projects

View more

Clothing Brand API (MERN)

Production-ready Node.js + MongoDB REST API for a clothing brand: items, categories, attributes, variations, and secure user auth.

  • RTK Query examples + React Admin UI ready
  • Token persistence with Redux (no page reload)
  • Clean controllers, services, and validators
Node.jsExpressMongoDBJWTRTK Query

E‑commerce Cart & Checkout (React + RTKQ)

Global cart state with Redux + RTK Query. Each cart item shows image, size, category, quantity controls, subtotal, and remove.

  • Custom hooks for optimistic updates
  • React Image Zoom for product preview
  • Toast system for success/alert/promise states
ReactReduxRTK QueryToastifyTailwind

About Page CMS (Next.js)

Editable mission/vision with image upload via a custom Drag-n-Drop component. Built for marketing teams to ship faster.

  • Zod + react-hook-form with typed schema
  • Field-level validation and Redux integration
  • Optimized image handling & preview
Next.jsTypeScriptZodreact-hook-formRedux

Chat Feature (Real-time UX)

Conversation list + message threads fetched via /chat/converstion?userId=... endpoint, ready for WS/long-polling.

  • Message virtualization for performance
  • Typing indicators + read receipts (ready)
  • Clean API layer + caching
ReactReduxRTK QueryNode.js

Nikah Service Website Components

Modern components: FAQs with smooth accordion transitions, footer, contact forms, and hero sections.

  • Accessible disclosure widgets
  • Gradient cards with hover elevation
  • Email/phone deep links + validation
ReactNext.jsTailwindFramer Motion

Let’s build something.

I’m open to roles, freelance projects, and collaborations. The quickest way to reach me is by email or phone.

This demo form doesn’t send yet. Hook it to your API or form service.