More Premium Hugo Themes Premium React Themes

Csv Importer

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

Csv Importer

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

Author Avatar Theme by sadmann7
Github Stars Github Stars: 289
Last Commit Last Commit: Sep 6, 2024 -
First Commit Created: Aug 27, 2024 -
default image

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.