ScrollViewr

Elegant Tall Image Sharing with Smooth Scrolling and Auto Expiration

A modern, browser-based image sharing application designed specifically for tall, vertical images like screenshots, web page captures, chat conversations, and other long-form visual content. ScrollViewr focuses on clean presentation, smooth scrolling, secure sharing, and automatic expiration, creating a distraction-free experience where the content stays front and center.

Overview

ScrollViewr is a web-based image sharing application built specifically for tall, vertical images. Unlike traditional image hosts, it provides a cleaner and more intentional viewing experience with smooth scrolling, an auto-hiding interface, and temporary sharing built in from the start.

It is especially well-suited for screenshots, long conversations, full-page captures, design mockups, documentation, and any other content that benefits from vertical presentation without clutter.

Key Features

🖼️ Seamless Upload Experience

• Drag & Drop Support: Simply drag images into the upload zone
• Clipboard Integration: Paste images directly with Ctrl+V
• Large File Support: Handle images up to 50MB
• Real-time Progress: Visual upload progress tracking
• Optional Notes: Add titles or descriptions, up to 500 characters

👁️ Beautiful Viewer Interface

• Auto-Hide Controls: Header and footer automatically hide for distraction-free viewing
• Smart Toggle Buttons: Convenient controls to show or hide navigation elements on demand
• Dark Mode Design: Easy-on-the-eyes interface optimized for long scrolling sessions
• One-Click Sharing: Copy links instantly with a built-in copy button
• Responsive Design: Works smoothly on desktop and mobile devices

🔐 Secure Dashboard

• Authentication System: Protected admin dashboard for managing uploads
• Upload Management: View all uploads with thumbnails, metadata, and notes
• Bulk Operations: Delete individual uploads or clear all at once
• Real-time Statistics: Track total uploads, storage usage, and active files
• Session Management: Control active sessions and security settings
• Configurable Settings: Customize upload limits, retention periods, and system behavior

🛡️ Security & Privacy

• Content Security Policy: Strict CSP headers to help prevent XSS attacks
• HSTS Protection: HTTP Strict Transport Security enabled
• Automatic Expiration: Images automatically delete after 90 days, configurable
• Secure Sessions: PHP session management with timeout controls
• Input Validation: Server-side validation and sanitization

⚙️ Technical Highlights

• Efficient Storage: Unique code generation for compact shareable links like /a/ABC123
• JSON Database: Lightweight file-based storage for fast performance
• Automated Maintenance: Cron jobs for backups and expired content cleanup
• Toast Notifications: Non-intrusive user feedback system
• Analytics Integration: Google Analytics 4 tracking for usage insights
• Clean URLs: SEO-friendly routing with .htaccess rewrite rules

Use Cases

• Developers: Share full-page screenshots of responsive designs or error logs
• Support Teams: Capture and share long chat conversations or troubleshooting steps
• Content Creators: Share vertical social content or long-form documentation
• Designers: Present tall design mockups or wireframes
• Anyone: Quick, temporary image sharing without account creation

Technical Stack

• Frontend: Vanilla JavaScript, CSS3, modern gradients, and animations
• Backend: PHP 7.4+ with modular architecture
• Storage: File-based JSON database with automatic backups
• Security: CSP, HSTS, session management, and input validation
• Deployment: Apache and Nginx compatible with minimal configuration

User Experience Philosophy

ScrollViewr is built on three core principles:

1. Simplicity: No accounts, no friction, just upload and share
2. Elegance: A distraction-free interface that gets out of the way
3. Privacy: Automatic expiration keeps shared content temporary by default

Perfect For

• Temporary image sharing without permanent storage
• Privacy-conscious users who want automatic deletion
• Teams needing quick visual communication
• Anyone tired of cluttered image hosting interfaces
• Developers wanting a self-hosted image sharing solution

Live Demo Flow

1. Visit the homepage and drag or drop an image
2. Optionally add notes to provide context
3. Receive a unique shareable link instantly
4. View the image with smooth scrolling and auto-hide controls
5. Let the upload expire automatically after the configured retention period

Summary

ScrollViewr combines modern web standards, thoughtful UX design, and practical utility to create a polished image sharing platform focused on tall visual content.

It is a strong example of combining clean interface design, privacy-conscious defaults, lightweight backend architecture, and smooth content presentation into a focused, production-ready web application.