This is a file uploader component built with shadnc/ui, and react-dropzone. It is bootstrapped with create-t3-app.

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Storage: uploadthing
• ORM: Drizzle ORM
• Validation: Zod

• Reusable useFileUpload hook for uploading files with uploadthing
• 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

1. Clone the repository

   git clone https://github.com/sadmann7/file-uploader

2. Install dependencies using pnpm

   pnpm install

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

   cp .env.example .env

4. Start the development server

   pnpm run dev

Follow the deployment guides for Vercel, Netlify and Docker for more information.