The Data Workshop — File & Format Converters

A Next.js app with four in-browser conversion tools. Everything runs client-side — no files or data are ever sent to a server.

• CSV ⟷ JSON — parse spreadsheet rows into JSON, or flatten JSON back to CSV
• Markdown ⟷ HTML — render Markdown to HTML (with live preview), or convert HTML back to Markdown
• Image Format Converter — convert between PNG / JPG / WebP, with resizing and quality/compression control
• Color Format Converter — convert live between HEX, RGB, HSL and CMYK

Run locally

npm install
npm run dev

Open http://localhost:3000

Production build

npm install
npm run build
npm run start

Deploy

This is a standard Next.js App Router project, so it deploys as-is to:

• Vercel (recommended): vercel deploy, or connect the repo in the Vercel dashboard — zero config needed.
• Netlify: use the official Next.js runtime/plugin — zero config needed.
• Any Node host: npm run build && npm run start (listens on PORT, default 3000).

No environment variables, database, or API keys are required — the whole app is static/client-side conversion logic.

Tech

• Next.js 16 (App Router) + TypeScript + Tailwind CSS v4
• papaparse (CSV), marked + turndown (Markdown/HTML)
• Native Canvas API for image re-encoding/resizing
• No backend, no external API calls