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
• ORM: Drizzle
• Database: PostgreSQL
• Google OAuth: NextAuth

Features

• Drag and drop file upload component with progress bar
• File dialog demo with adding and removing files from the scrollable list

Running Locally

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

  cp .env.example .env

• Setup local postgres db and update .env with your credentials, apply migrations and make sure your DB is running (I just use postgres app on mac)

• Setup AWS S3 bucket and update .env with your credentials

• Setup Google OAuth and update .env with your credentials

• Install dependencies using pnpm

  npm install

• Start the development server

  npm run dev