dumbwareio/dumbdrop repository overview

⁠DumbDrop

A stupid simple file upload application that provides a clean, modern interface for dragging and dropping files. Built with Node.js and vanilla JavaScript.

No auth (unless you want it now!), no storage, no nothing. Just a simple file uploader to drop dumb files into a dumb folder.

⁠Table of Contents

• Quick Start⁠
• Production Deployment with Docker⁠
• Local Development (Recommended Quick Start)⁠
• Features⁠
• Configuration⁠
• Security⁠
• Technical Details⁠
• Demo Mode⁠
• Contributing⁠
• License⁠

⁠Quick Start

⁠Option 1: Docker (For Dummies)

# Pull and run with one command
docker run -p 3000:3000 -v ./uploads:/app/uploads dumbwareio/dumbdrop:latest

1. Go to http://localhost:3000⁠
2. Upload a File - It'll show up in ./uploads
3. Celebrate on how dumb easy this was

⁠Option 2: Docker Compose (For Dummies who like customizing)

Create a docker-compose.yml file:

services:
    dumbdrop:
        image: dumbwareio/dumbdrop:latest
        ports:
            - 3000:3000
        volumes:
            # Where your uploaded files will land
            - ./uploads:/app/uploads
        environment:
            # Explicitly set upload directory inside the container
            UPLOAD_DIR: /app/uploads
            # The title shown in the web interface
            DUMBDROP_TITLE: DumbDrop
            # Maximum file size in MB
            MAX_FILE_SIZE: 1024
            # Optional PIN protection (leave empty to disable)
            DUMBDROP_PIN: 123456
            # Upload without clicking button
            AUTO_UPLOAD: false
            # The base URL for the application
            # You must update this to the url you use to access your site
            BASE_URL: http://localhost:3000

Then run:

docker compose up -d

1. Go to http://localhost:3000⁠
2. Upload a File - It'll show up in ./uploads
3. Rejoice in the glory of your dumb uploads

⁠Option 3: Running Locally (For Developers)

For local development setup, troubleshooting, and advanced usage, see the dedicated guide:

👉 Local Development Guide⁠

⁠Features

• 🚀 Drag and drop file uploads
• 📁 Multiple file selection
• 🎨 Clean, responsive UI with Dark Mode
• 📦 Docker support with easy configuration
• 📂 Directory upload support (maintains structure)
• 🔒 Optional PIN protection
• 📱 Mobile-friendly interface
• 🔔 Configurable notifications via Apprise
• ⚡ Zero dependencies on client-side
• 🛡️ Built-in security features
• 💾 Configurable file size limits
• 🎯 File extension filtering

⁠Configuration

⁠Environment Variables

• UPLOAD_DIR is used in Docker/production. If not set, LOCAL_UPLOAD_DIR is used for local development. If neither is set, the default is ./local_uploads.
• Docker Note: The Dockerfile now only creates the uploads directory inside the container. The host's ./local_uploads is mounted to /app/uploads and should be managed on the host system.
• BASE_URL: If you are deploying DumbDrop under a subpath (e.g., https://example.com/watchfolder/), you must set BASE_URL to the full path including the trailing slash (e.g., https://example.com/watchfolder/). All API and asset requests will be prefixed with this value. If you deploy at the root, use https://example.com/.
• BASE_URL must end with a trailing slash. The app will fail to start if this is not the case.

See .env.example for a template and more details.

ALLOWED_IFRAME_ORIGINS=https://organizr.example.com,https://myportal.com

ALLOWED_EXTENSIONS=.jpg,.jpeg,.png,.pdf,.doc,.docx,.txt

APPRISE_MESSAGE: New file uploaded {filename} ({size}), Storage used {storage}

⁠Security

⁠Features

• Variable-length PIN support (4-10 digits)
• Constant-time PIN comparison
• Input sanitization
• Rate limiting
• File extension filtering
• No client-side PIN storage
• Secure file handling

⁠Technical Details

⁠Stack

• Backend: Node.js (>=20.0.0) with Express
• Frontend: Vanilla JavaScript (ES6+)
• Container: Docker with multi-stage builds
• Security: Express security middleware
• Upload: Chunked file handling via Multer
• Notifications: Apprise integration

⁠Dependencies

• express: Web framework
• multer: File upload handling
• apprise: Notification system
• cors: Cross-origin resource sharing
• dotenv: Environment configuration
• express-rate-limit: Rate limiting

⁠Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes using conventional commits
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

See Local Development (Recommended Quick Start)⁠ for local setup and guidelines.

Made with ❤️ by DumbWare.io⁠

⁠Future Features

• Camera Upload for Mobile