Umer Iqbal

Full-Stack Web Developer

(MERN & Next.js)

URL to url Converter

0:000:00

About the Project

A full-stack URL shortening application built with Next.js and MongoDB that converts long URLs into clean, customizable links with a user-friendly dashboard.

✨ Key Features

Core Features

  • Custom short URLs with user-defined aliases
  • Dashboard to manage and edit links
  • Real-time updates for URLs and aliases
  • One-click copy-to-clipboard functionality

User Experience

  • Responsive design using Tailwind CSS
  • Interactive UI with smooth animations
  • Profile management with avatar upload (Cloudinary)

Authentication

  • OAuth login (Google, GitHub, LinkedIn, Facebook)
  • Secure session-based authentication

🚀 Tech Stack

Built with modern technologies for performance and scalability:

  • Next.js (App Router), React
  • Tailwind CSS
  • MongoDB, Mongoose
  • NextAuth.js (OAuth)
  • Cloudinary
  • React-Toastify

🏗️ Highlights

Key implementation details:

  • Scalable API routes for URL management
  • Dynamic routing for URL redirection
  • Reusable component-based architecture
  • Clean and maintainable code structure

Demonstrates full-stack development skills including authentication, database integration, API design, and building scalable, user-friendly applications.