URL Preview Generator

A simple web application that allows users to enter a URL and generate a preview image of the website.

• Clean, responsive interface built with TailwindCSS
• URL validation with helpful error messages
• Loading states with spinner animation
• Preview image generation using free screenshot service
• Support for keyboard shortcuts (Enter to submit)
• Error handling for invalid URLs and network issues

1. Enter a valid URL in the input field (must include http:// or https://)
2. Click the "Confirm" button or press Enter
3. Wait for the preview to generate
4. View the website screenshot in the preview section

• Built as a single-file Val Town HTTP endpoint
• Uses image.thum.io free screenshot service for generating previews
• Responsive design that works on desktop and mobile
• Client-side JavaScript handles the user interface
• Server-side validation and error handling

• GET / - Serves the main HTML interface
• POST /preview - Generates preview for a given URL
  • Request body: { "url": "https://example.com" }
  • Response: { "success": true, "previewUrl": "...", "originalUrl": "..." }

The application handles various error cases:

• Empty URL input
• Invalid URL format
• Network errors during preview generation
• Service unavailability

All errors are displayed to the user with clear, actionable messages.