CSV Viewer & Visualizer

A modern, responsive web application built with Astro and Tailwind CSS to upload, visualize, filter, and export CSV data.

🚀 Features

• Drag & Drop Upload: Easily upload CSV files to the system.
• Data Visualization: View your CSV data in a clean, paginated table.
• Dynamic Filtering: Select which columns to show or hide.
• CSV/Excel Export: Export filtered data back to CSV or Excel format.
• Settings Management: Highly customizable UI for project settings.
• Responsive Design: Optimized for desktop, tablet, and mobile devices.

🛠️ Tech Stack

• Framework: Astro
• Styling: Tailwind CSS
• State/Logic: TypeScript
• Parsing: csv-parse, xlsx

📁 Project Structure

/
├── public/          # Static assets
├── src/
│   ├── components/  # Reusable UI components (Files, Visualizer, etc.)
│   ├── layouts/     # Page layouts
│   ├── pages/       # Application routes/pages
│   │   ├── api/     # API endpoints (Upload, Export)
│   │   ├── files.astro
│   │   ├── index.astro
│   │   ├── settings.astro
│   │   └── visualizer.astro
│   └── utils/       # Helper functions
├── files/           # Directory for uploaded CSV files
└── package.json

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
pnpm install	Installs dependencies
pnpm dev	Starts local dev server at localhost:4321
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm astro ...	Run CLI commands like astro add, astro check

---

Developed with ❤️ by devlitus.