A simple and professional web application for uploading images to AWS S3 with a clean user interface. Supports drag-and-drop, image preview, and easy URL access.
- Upload images directly to AWS S3
- Drag-and-drop and file input support
- Image preview before upload
- Upload progress bar
- Copyable image URL after upload
- Easy deployment via Vercel
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js, Express.js, Multer, Multer-S3
- Cloud Storage: AWS S3
- Deployment: Vercel
- Node.js (v16 or above)
- AWS account with S3 bucket configured
- Vercel account (for deployment)
-
Clone the repository
git clone https://github.com/subratkb02/subratkb02-cloud_image_uploader.git cd subratkb02-cloud_image_uploader -
Install dependencies
npm install
-
Create a
.envfilePORT=3000 AWS_ACCESS_KEY_ID=your_access_key_id AWS_SECRET_ACCESS_KEY=your_secret_access_key AWS_REGION=your_region AWS_S3_BUCKET=your_bucket_name
-
Start the server
npm start
For development with auto-reload:
npm run dev
- Use the provided
vercel.jsonfor deployment. - Set environment variables in the Vercel dashboard.
- Alternatively, deploy on any platform supporting Node.js.
- Open the app in your browser (default:
http://localhost:3000) - Select or drag-and-drop an image
- Preview and upload
- Copy the generated S3 URL
This project is licensed under the ISC License.
Contributions are welcome. Please fork the repository, create a new branch, and submit a pull request.
Developed by Subrat Kumar Behera