sadmann7/csv-importer

CSV importer built with shadcn-ui, react-dropzone, and papaparse.

CSV Importer

This is a csv-importer built with shadnc/ui, react-dropzone, and papaparse. 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
• CSV Parsing: Papaparse

Features

• Upload CSV file using use-upload-file.ts
• Parse CSV file using use-parse-csv.ts
• Preview the parsed CSV data
• Map the CSV fields to the corresponding table fields
• Import the mapped data into the table

Running Locally

1. Clone the repository

   git clone https://github.com/sadmann7/csv-importer

2. Install dependencies using pnpm

   pnpm install

3. Start the development server

   pnpm run dev

How do I deploy this?

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