Initial commit: Image Swipe App with SQLite database
This commit is contained in:
38
README.md
Normal file
38
README.md
Normal file
@@ -0,0 +1,38 @@
|
||||
# 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 files
|
||||
- `index.html`: Main page with the swipe interface
|
||||
- `history.html`: Page to view and manage past selections
|
||||
- `script.js`: JavaScript for the swipe functionality and UI interactions
|
||||
- `styles.css`: CSS styling for the application
|
||||
|
||||
## How to Use
|
||||
|
||||
1. Run the server: `python app.py`
|
||||
2. Open a web browser and navigate to `http://localhost:8000`
|
||||
3. Swipe images or use the buttons to categorize them:
|
||||
- Left: Discard
|
||||
- Right: Keep
|
||||
- Up: Favorite
|
||||
- Down: Review Later
|
||||
4. Click on an image to view it in full resolution
|
||||
5. Use the "View History" link to see all your selections
|
||||
6. 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
|
||||
Reference in New Issue
Block a user