23 December 2024 - 24 December 2024

URLShortener

Web Dev
Full Stack
URLShortener

Tech Stack

React
Javascript
TailwindCSS
Express
Node.js

Description

URLShortener is a personal project focused on building a clean, user-friendly URL shortening service with essential features for link management and tracking.

Core features

  • Instant URL shortening with custom or auto-generated aliases.
  • User authentication for personalized link management.
  • OpenGraph integration that automatically fetches preview images from original URLs for better visual organization.

Technical highlights

  • React frontend with TailwindCSS for a responsive, clean interface.
  • RESTful API backend with Express and Node.js.

Page Info

URL Shortening

  • Enter long URLs and get instant shortened aliases
  • One-click copy functionality
  • Works for both authenticated and guest users
URL Shortening

Link Management

  • All shortened URLs displayed with OpenGraph preview images
  • Delete or modify existing links
Link ManagementLink Management

Authentication

  • Login and registration pages
  • Session-based user management
Authentication