🌐 Md Rabiul Hasan | MERN Stack Developer Portfolio

A modern, animated, and fully responsive MERN Stack Developer Portfolio Website built with Next.js, Tailwind CSS, and Framer Motion to showcase projects, skills, and experience. Designed to impress recruiters and clients with a smooth user experience, rich interactivity, and elegant UI components.

🚀 Live Demo

🔗 View Live Website

📄 Download My Resume (CV)

---

🧑‍💻 About Me

Hello! I’m Md Rabiul Hasan, a passionate MERN Stack Developer from Comilla, Bangladesh. I specialize in React.js, Node.js, Express.js, and MongoDB, with foundational experience in TypeScript for type-safe applications.

I focus on:

• Writing clean, maintainable code
• Building full-stack applications with secure authentication and REST APIs
• Agile development and collaboration

📧 Email: mdrabiulkhanbabo@gmail.com
📱 Phone: +8801779893574

---

✨ Features

• ⚡ Framer Motion animations (text reveal, parallax, spotlight, 3D cards)
• 🌗 Dark/Light Mode toggle (with next-themes)
• 📱 Responsive Design with Tailwind’s mobile-first classes
• 🎯 SEO-Optimized Metadata and performance-focused design
• 🧩 Modular Components for easy maintenance
• 🖼️ Technology Logos with hover and reveal effects
• 📬 Contact Form with validation (ready for backend integration)

---

🛠️ Tech Stack

Frontend:
Next.js, React.js, Tailwind CSS, TypeScript, shadcn/ui

Animations & UI:
Framer Motion, Aceternity UI

Backend-Ready:
Node.js, Express.js, MongoDB, JWT

Tools & Platforms:
Git, GitHub, Vercel, Postman, Firebase

---

📁 Sections

• Hero: Animated name intro, role, and call-to-action buttons
• About: Background, contact info, soft skills
• Skills: Categorized tech skills with logos and animations
• Projects: Portfolio of full-stack projects with demo links
• Education: Background info with motion-enhanced layout
• Contact: Form with animations and interactive feedback

---

💼 Featured Projects

🩺 Medical Camp Management System (MCMS)

Platform for organizing medical camps with authentication, payments, and admin dashboard.

🔗 Live • Client Code • Server Code
Stack: React, Node.js, MongoDB, Express, Tailwind CSS

---

🚗 Car Rental System

Car rental booking app with real-time availability and admin controls.

🔗 Live • Client Code • Server Code
Stack: React, Node.js, Express, MongoDB

---

🧠 Skills

Frontend: React.js, TypeScript, JavaScript, HTML5, CSS3, Tailwind CSS
Backend: Node.js, Express.js, JWT, REST APIs
Database: MongoDB, Firebase
Tools: Git, GitHub, Postman, Vercel

---

🧪 How to Use

1. Clone and Setup

git clone https://github.com/rabiulkhan7224/portfolio-rabiul-hasan.git
cd rabiul-portfolio
npm install
npm run dev