🔗 EasyURL – A Clean and Fast URL Shortener Built with MERN Stack

#react #javascript #node #webdev

🚀 EasyURL – Advanced URL Shortener (MERN Stack) 🌐

Welcome to EasyURL, a fully-featured, full-stack URL Shortener built with the MERN stack. This project simulates a real-world SaaS-style product complete with analytics, authentication, sharing, QR generation, and more.

🛠️ Tech Stack

Frontend

⚛️ React + Vite – Fast, optimized single-page performance
🎨 TailwindCSS v4 + Headless UI – Modern, responsive UI
📊 recharts + react-simple-maps – Rich data visualizations and geo-based analytics
🔗 react-share – Easy sharing to social platforms

Backend

🧠 Node.js + Express + MongoDB – Robust and scalable backend
🛡️ JWT Authentication – Secure login and protected routes
✉️ Nodemailer – Password reset via secure email link
📁 Multer – Profile image upload handling
📷 QR Code Generator – Downloadable QR for each short URL

✨ Features

🔗 Create and customize short URLs
📈 Track total clicks and geo-location-based insights
📤 Share URLs via social platforms
📷 Generate and download QR codes for shortened URLs
🔐 Secure JWT-based authentication, email-based password reset through nodemailer
🖼️ Upload user profile images or custom images

📸 Screenshots

📚 What I Learned

Through this project, I explored and implemented:

🔍 MongoDB Aggregation Pipeline – For advanced stats and analytics
🧩 Clean API architecture – With modular middleware and route protection
⚙️ End-to-end full-stack workflow – From frontend UI/UX to backend API design and deployment