Add Photo Organizer App project (Issue #89)

ausarkhan · ausarkhan · commit 8d66995b7b78 · 2025-09-17T19:43:31.000Z
diff --git a/Photo_Organizer_App/README.md b/Photo_Organizer_App/README.md
@@ -0,0 +1,27 @@
+# Photo Organizer App
+
+A simple application to help users organize their photos by date, location, or tags. Users can upload, sort, and search for images easily.
+
+## Features
+- Upload photos with tags
+- Search photos by tag or date
+- View photo gallery
+
+## Usage
+1. Install dependencies:
+   ```bash
+   pip install flask werkzeug
+   ```
+2. Run the Flask app:
+   ```bash
+   python app.py
+   ```
+3. Open your browser at `http://localhost:5000`.
+
+## Requirements
+- Python 3.x
+- Flask
+- Werkzeug
+
+## License
+MIT
diff --git a/Photo_Organizer_App/app.py b/Photo_Organizer_App/app.py
@@ -0,0 +1,52 @@
+"""
+Photo Organizer App (Issue #89)
+Minimal Flask backend + HTML/JS frontend
+"""
+from flask import Flask, request, jsonify, send_from_directory, render_template_string
+import os
+from werkzeug.utils import secure_filename
+from datetime import datetime
+
+app = Flask(__name__)
+UPLOAD_FOLDER = "photos"
+app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
+os.makedirs(UPLOAD_FOLDER, exist_ok=True)
+
+PHOTOS = []
+
+@app.route("/api/upload", methods=["POST"])
+def upload():
+    file = request.files['photo']
+    tags = request.form.get('tags', '')
+    filename = secure_filename(file.filename)
+    filepath = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+    file.save(filepath)
+    meta = {
+        "filename": filename,
+        "date": datetime.now().strftime('%Y-%m-%d'),
+        "tags": tags.split(',') if tags else []
+    }
+    PHOTOS.append(meta)
+    return jsonify({"status": "uploaded"})
+
+@app.route("/api/photos", methods=["GET"])
+def get_photos():
+    tag = request.args.get('tag')
+    date = request.args.get('date')
+    results = PHOTOS
+    if tag:
+        results = [p for p in results if tag in p['tags']]
+    if date:
+        results = [p for p in results if p['date'] == date]
+    return jsonify(results)
+
+@app.route("/photos/<filename>")
+def serve_photo(filename):
+    return send_from_directory(app.config['UPLOAD_FOLDER'], filename)
+
+@app.route("/")
+def index():
+    return send_from_directory(".", "organizer.html")
+
+if __name__ == "__main__":
+    app.run(debug=True)
diff --git a/Photo_Organizer_App/organizer.html b/Photo_Organizer_App/organizer.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Photo Organizer App</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 40px; }
+        .container { max-width: 700px; margin: auto; }
+        input, button { margin: 5px; }
+        img { max-width: 150px; margin: 5px; border: 1px solid #ccc; }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h2>Photo Organizer App</h2>
+    <form id="uploadForm" enctype="multipart/form-data">
+        <input type="file" name="photo" required />
+        <input type="text" name="tags" placeholder="Tags (comma separated)" />
+        <button type="submit">Upload</button>
+    </form>
+    <div>
+        <label>Search by Tag:</label>
+        <input type="text" id="searchTag" />
+        <label>Search by Date:</label>
+        <input type="date" id="searchDate" />
+        <button onclick="searchPhotos()">Search</button>
+    </div>
+    <div id="photoGallery"></div>
+</div>
+<script>
+document.getElementById('uploadForm').onsubmit = function(e) {
+    e.preventDefault();
+    const formData = new FormData(this);
+    fetch('/api/upload', { method: 'POST', body: formData })
+        .then(() => searchPhotos());
+};
+function searchPhotos() {
+    const tag = document.getElementById('searchTag').value;
+    const date = document.getElementById('searchDate').value;
+    let url = '/api/photos?';
+    if (tag) url += `tag=${tag}&`;
+    if (date) url += `date=${date}`;
+    fetch(url).then(r => r.json()).then(data => {
+        const gallery = document.getElementById('photoGallery');
+        gallery.innerHTML = '';
+        data.forEach(p => {
+            gallery.innerHTML += `<div><img src='/photos/${p.filename}' /><br/>Tags: ${p.tags.join(', ')}<br/>Date: ${p.date}</div>`;
+        });
+    });
+}
+searchPhotos();
+</script>
+</body>
+</html>
diff --git a/Photo_Organizer_App/requirements.txt b/Photo_Organizer_App/requirements.txt
@@ -0,0 +1,2 @@
+flask
+werkzeug
