Dumb Drop

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

No auth, no storage, no nothing. Just a simple file uploader to drop dumb files into a dumb folder.

Features

Drag and drop file uploads
Multiple file selection
Clean, responsive UI
File size display
Docker support
Configurable upload directory

Quick Start

Running Locally

Install dependencies:

npm install

Set up environment variables in .env:

PORT=3000                  # Port to run the server on
UPLOAD_DIR=/app/file_uploads   # Directory to store uploaded files

Start the server:

npm start

Running with Docker

Pull from Docker Hub

# Pull the image
docker pull abite3/dumbdrop:latest

# Run the container
# For Linux/Mac:
docker run -p 3000:3000 -v $(pwd)/local_uploads:/app/file_uploads --env-file .env abite3/dumbdrop:latest

# For Windows PowerShell:
docker run -p 3000:3000 -v "${PWD}\local_uploads:/app/file_uploads" --env-file .env abite3/dumbdrop:latest

Build Locally

Build the Docker image:

docker build -t dumbdrop .

Run the container:

# For Linux/Mac:
docker run -p 3000:3000 -v $(pwd)/local_uploads:/app/file_uploads --env-file .env dumbdrop

# For Windows PowerShell:
docker run -p 3000:3000 -v "${PWD}\local_uploads:/app/file_uploads" --env-file .env dumbdrop

Environment Variables

Variable	Description	Default
PORT	Server port	3000
UPLOAD_DIR	Upload directory path	/app/file_uploads

Usage

Open your browser and navigate to http://localhost:3000
Drag and drop files into the upload area or click "Browse Files"
Select one or multiple files
Click "Upload Files"
Files will be saved to the configured upload directory

Technical Details

Backend: Node.js with Express
Frontend: Vanilla JavaScript with modern drag-and-drop API
File handling: Multer middleware
Containerization: Docker with automated builds via GitHub Actions

2.2 KiB Raw Blame History