Muhammad Hanif.
Download ResumeAdmin Login
Back to Projects
Next.js 14 (App Router) + TypeScript + Tailwind CSS a Real-Estate Business App With Admin Dashboard
Featured2026

Real Estate

Next.js 14 (App Router) + TypeScript + Tailwind CSS a Real-Estate Business App With Admin Dashboard

Role: Full Stack Developer

Live

Overview dashboard — KPI cards, revenue trend chart, inventory-by-type chart, recent listings & fresh leads Listings — property grid with status filters (Active/Pending/Sold/Draft), price, beds/baths/area, agent, quick actions Leads — kanban-style pipeline (New → Contacted → Tour Scheduled → Offer Made → Closed) Agents — agent cards with rating, listings count, deals closed, contact info Transactions — full transaction table with buyer/seller, amount, commission, status Settings — agency profile form + notification preferences

Tech Stack

ReactNext.jsTailwind CSSTypescriptMongodb
Live DemoCode

More Projects

DriveHub — Car Rental Platform
Featured2026
In Development

Car Rental System

DriveHub — Car Rental Platform

A full-stack car rental application built with NestJS + MariaDB/MySQL on the backend and React + Tailwind CSS on the frontend. Includes customer browsing/booking, a full admin management dashboard, and is deployed live (frontend on Vercel, backend + database on Railway).

Browse fleet with search, filters (city, type, transmission, price), and sorting
Car details page with image gallery, specs, and a live price calculator
Booking with automatic double-booking prevention (date-overlap check) and server-calculated pricing (base rate + optional driver + optional insurance + service fee)
nest.jsexpress.jsnode.jstypescriptjavascripttailwindcssmysqlvitemariadbreact
Live DemoCode
Full-Stack Digital Banking Web App
Featured2026
Live

Banking Application

Full-Stack Digital Banking Web App

A full-stack MERN banking application with a modular, industry-style architecture — separate frontend and backend, independently deployable, connected via environment variables. Built to demonstrate real banking-app patterns: JWT authentication, atomic money-movement transactions, layered backend architecture, and a complete set of banking modules

Authentication & Security
Real-time total balance across all accounts
External transfers (IBFT / RTGS) to saved beneficiaries
Node.jsExpress.jsTypeScriptMongodbMongoose 8JWT authenticationzodhelmetmorganbcryptjVercelVanillaBootstrapHtml5htmljavascriptchart.jsscssgitgithubjwt
Live DemoCode
A full-stack MERN (MongoDB, Express, React, Node.js) web application
Featured2026
Live

Appointment

A full-stack MERN (MongoDB, Express, React, Node.js) web application

Patients can browse specialties, book appointments, track their appointment status, and chat with an AI assistant — while clinic staff manage everything through a secure admin dashboard, fully backed by a live MongoDB Atlas database.

Dynamic specialties
Appointment booking form
Double-booking prevention
Node.jsReactMongodbTypescriptexpress-rate-limitdotenvmorganjsonwebtoken (JWT)MongooseExpressExpress.jsbcryptjshelmetcorsBrevoOpenRouter
Live DemoCode