This project is a fork of sadmann7's file-uploader https://github.com/sadmann7/file-uploader and it uses S3 instead of uploadthing.

🚨🚨🚨 This is a work in progress and is not yet ready for production. I will add more features and fix the bugs as I go along. It now stores the uploaded image keys in local storage so that it can be used in the image generation process, but I will be adding a database soon.

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• DND Uploader: react-dropzone
• Storage: AWS S3
• Validation: Zod

Features

• Drag and drop file upload component with progress bar
• React-hook-form integration with shadnc/ui form components
• File dialog demo with adding and removing files from the scrollable list

Running Locally

1. Install dependencies using pnpm

   pnpm install

2. Copy the .env.example to .env and update the variables.

   cp .env.example .env

3. Start the development server

   pnpm run dev