URL Shortening Service: Complete Development Guide

Description

Modern URL Shortening Service

This prompt guides you through building a full-featured URL shortening service with all essential functionality for convenient use and analytics.

Who Should Use This

  • Web developers learning frontend and backend
  • IT students building portfolio projects
  • Entrepreneurs needing a branded URL shortener

Key Benefits

  • Complete functionality: from URL validation to click analytics
  • QR codes: automatic generation for each shortened link
  • Flexible settings: custom aliases, expiration dates, password protection
  • Responsive design: correct display on all devices
>_ Prompt
Build a URL shortening service frontend using HTML5, CSS3, JavaScript and a backend API. Create a clean interface with prominent input field. Implement URL validation and sanitization. Add QR code generation for shortened URLs. Include click tracking and analytics dashboard. Support custom alias creation for URLs. Implement expiration date setting for links. Add password protection option for sensitive URLs. Include copy-to-clipboard functionality with confirmation. Create a responsive design for all devices. Add history of shortened URLs with search and filtering.
Categories:
Models:
Output format: