c09461f58f
Major improvements: - Added responsive mobile view with optimized touch interactions - Implemented image caching to preload up to 2 images for faster transitions - Made images enter consistently from left side regardless of swipe direction - Enhanced swipe animations with reduced tilt and better fade-out effects - Reduced swipe sensitivity on mobile for better tap/swipe distinction - Removed headings and reduced history button height for more screen space - Added progressive fade effect during manual swipes - Sped up slide-in animations for snappier experience - Fixed multiple edge cases for better overall stability
Image Swipe App
A web application for sorting and organizing images using swipe gestures, similar to dating apps.
Features
- Swipe Interface: Swipe images in four directions (left, right, up, down) to categorize them
- Full-size Image View: Click on any image to view it in full resolution with metadata
- History Page: View all your past selections with filtering options
- Database Storage: All selections are saved in a SQLite database
- Reset Functionality: Option to clear all selections and start fresh
File Structure
app.py: Python server that handles API requests and serves filesindex.html: Main page with the swipe interfacehistory.html: Page to view and manage past selectionsscript.js: JavaScript for the swipe functionality and UI interactionsstyles.css: CSS styling for the application
How to Use
- Run the server:
python app.py - Open a web browser and navigate to
http://localhost:8000 - Swipe images or use the buttons to categorize them:
- Left: Discard
- Right: Keep
- Up: Favorite
- Down: Review Later
- Click on an image to view it in full resolution
- Use the "View History" link to see all your selections
- Use the "Reset Database" button in the history page to clear all selections
Requirements
- Python 3.x
- Standard Python libraries (http.server, sqlite3, etc.)
- Web browser with JavaScript enabled