A file uploader built with shadcn/ui and react-dropzone

File Uploader

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

View DemoView Github

Tech Stack

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

Features

• 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