file-uploader

File Uploader

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

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• DND Uploader: react-dropzone
• Storage: uploadthing
• 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

Running Locally

1. Clone the repository

   bash复制

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

2. Install dependencies using pnpm

   bash复制

   pnpm install

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

   bash复制

   cp .env.example .env

4. Start the development server

   bash复制

   pnpm run dev

How do I deploy this?

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