Hi, I'm Umar Hasnain

I build scalable, modern web applications using MongoDB, Express, React, and Node.js.

About Me

I'm Umar Hasnain, a passionate MERN Stack Developer with experience building full-stack web apps using modern technologies. I specialize in crafting clean UIs, scalable APIs, and seamless user experiences.

From front-end interfaces with React & Next.js to back-end services with Node.js & MongoDB, I bring ideas to life with clean, efficient code and an eye for design.

View My Skills →

My Skills

Frontend Development

React.js

Next.js

Redux

JavaScript

TypeScript

HTML5

Backend Development

Node.js

Express.js

Database & CMS

MongoDB

Firebase

Supabase

Sanity.io

Wordpress

Styling & UI

CSS3

Tailwind CSS

Bootstrap

Material UI

ANT Design

Tools & Deployment

Git

GitHub

Postman

VS Code

Vercel

Netlify

Projects

Rani Collection

https://www.ranicollection.shop

Full-stack clothing eCommerce app with admin dashboard, product management, and Firebase/Sanity backend.

Next JSJavaScriptFirebaseTailwind CSSMUIRadix-UIFramer Motion

WholeSaleHomeProducts

https://www.wholesalehomeproducts.com

WholeSale dropshipping store, with admin dashboard, using Firebase, shipment APIs, and modern UI.

Next JSTypeScriptFirebaseTailwind CSSMUIAOS

ProveNcheck

https://www.provencheck.com

A car inspection platform offering vehicle history and diagnostic checks. I designed the logo and built a responsive front-end using Next.js and Tailwind CSS.

Next JSJavaScriptFirebaseTailwind CSSMUIAOSPaddle Payment Gateway

Cobball Report

https://cobballreport.com

A car inspection platform offering vehicle history and diagnostic checks. I designed the logo and built a responsive front-end using Next.js and Tailwind CSS.

Next JSJavaScriptMongoDBTailwind CSSMUISquare Payment Gateway

FreeStrongPasswordGenerator

https://www.freestrongpasswordgenerator.com

A secure password generator tool that creates strong, random passwords for users to protect their online accounts. Built with a responsive UI and focus on usability.

Next.jsTypeScriptTailwind CSSRadix-UI

Fake and Reliable API

https://apis-using-nodejs-expressjs-auk3.vercel.app/

Mock API inspired by JSONPlaceholder. Built with Next.js, Node.js, Express.js, and Tailwind CSS for testing and prototyping.

Next JSNode JSExpress JSTailwind CSS

Student Quiz App

https://umarhasnain.github.io/Student-Quiz-App

A responsive web app for students to practice quizzes and test their knowledge. Features instant feedback, score tracking, and clean UI.

HTMLCSSJavaScriptFirebase

Experience

Hands-on industry experience and freelance projects

MERN Stack Intern

Coderatory | Revolution in Innovation

2024

Contributed to the development of modern, responsive websites and single-page applications. Gained hands-on experience with the MERN stack, building interactive UI components, integrating APIs, and ensuring cross-device compatibility.

React.jsNext.jsTailwind CSSMongoDBNode.jsExpress.jsGitHubUI Design

MERN Stack Developer

Map Technologies

2025 - Present

Developing scalable web applications and user-focused interfaces using the MERN stack. Leading the implementation of payment gateways, dashboards, and secure backend services while ensuring performance and accessibility standards.

React.jsNext.jsTailwind CSSMongoDBNode.jsExpress.jsGitHubUI & UX DesignPaddleSquareStripe

Freelance Web Developer

Personal Clients

2024 - Present

Delivered full-stack solutions for diverse clients, including eCommerce platforms, admin dashboards, and landing pages. Focused on clean code, optimized performance, SEO, and user-centric design.

React.jsNext.jsFirebaseMongoDBNode.jsExpress.jsSanityTailwind CSSStripe