Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

CSV importer built with shadcn-ui, react-dropzone, and papaparse.
https://github.com/sadmann7/csv-importer

csv-importer csv-parser importer shadcn-ui

Last synced: 7 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/sadmann7/csv-importer
Owner: sadmann7
Created: 2024-07-15T14:47:38.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-06T13:29:06.000Z (2 months ago)
Last Synced: 2024-10-31T01:02:50.286Z (21 days ago)
Topics: csv-importer, csv-parser, importer, shadcn-ui
Language: TypeScript
Homepage: https://importer.sadmn.com
Size: 449 KB
Stars: 225
Watchers: 2
Forks: 11
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # [CSV Importer](https://importer.sadmn.com)

This is a csv-importer built with `shadnc/ui`, `react-dropzone`, and `papaparse`. It is bootstrapped with `create-t3-app`.

[![CSV Importer](./public/images/screenshot.png)](https://importer.sadmn.com)

## Tech Stack

- **Framework:** [Next.js](https://nextjs.org)

- **Styling:** [Tailwind CSS](https://tailwindcss.com)

- **UI Components:** [shadcn/ui](https://ui.shadcn.com)

- **DND Uploader:** [react-dropzone](https://react-dropzone.js.org/)

- **Storage:** [uploadthing](https://uploadthing.com)

- **CSV Parsing:** [Papaparse](https://www.papaparse.com)

## 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

   ```bash

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

   ```

2. Install dependencies using pnpm

   ```bash

   pnpm install

   ```

3. Start the development server

   ```bash

   pnpm run dev

   ```

## How do I deploy this?

Follow the deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information.