React Templates & Themes Logo React Templates & Themes
Csv Importer screenshot

Csv Importer

Author Avatar Theme by Sadmann7
Updated: 6 Sep 2024
289 Stars

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

Github Live Preview

Categories

Nextjs Tailwind Shadcn ui

Overview

The CSV Importer is a tool built with shadnc/ui, react-dropzone, and papaparse, and bootstrapped with create-t3-app. It allows users to upload CSV files, parse the data, preview it, map fields, and import data into a table.

Features

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

Installation

  1. Clone the repository
  2. Install dependencies using pnpm
    pnpm install
  3. Start the development server
    pnpm dev

Summary

The CSV Importer is a versatile tool for uploading, parsing, previewing, mapping, and importing CSV data. With easy installation steps and support for popular deployment platforms like Vercel, Netlify, and Docker, this tool is a valuable asset for managing CSV files efficiently.