Specifies a URL shortener frontend with validation, QR codes, click analytics, custom aliases, expiry dates and password protection.
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.
使用 HTML5、CSS3、JavaScript 和后端 API 构建一个 URL 缩短服务的前端。创建一个简洁的界面，其中输入字段需醒目突出。实现 URL 验证与净化功能。为缩短后的 URL 添加二维码生成功能。包含点击追踪功能及分析仪表板。支持为 URL 创建自定义别名。实现链接过期日期设置功能。为敏感 URL 添加密码保护选项。包含“复制到剪贴板”功能，并提供复制成功确认提示。为所有设备创建响应式设计。添加已缩短 URL 的历史记录功能，并支持搜索与筛选。