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

• [x] Upload CSV file using use-upload-file.ts
• [x] Parse CSV file using use-parse-csv.ts
• [x] Preview the parsed CSV data
• [x] Map the CSV fields to the corresponding table fields
• [x] 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.