Privacy-first, client-side data tools. No ads. No server. Your data never leaves your browser.
Inspired by ilovepdf.com — a suite of 4 browser-based tools for developers and data analysts who care about privacy. Zero page reloads, zero data leaks.
A professional-grade JSON editor powered by CodeMirror 6.
- Syntax highlighting, real-time lint errors, and inline validation
- Pretty-print and minify with one click
- Collapsible tree view for exploring deep structures
- One-click PII scrubbing directly in the editor
Bidirectional CSV and JSON conversion with smart delimiter detection.
- Auto-detects comma, semicolon, tab, and pipe delimiters
- Live data preview table (first 100 rows) for immediate validation
- Download output as
.jsonor.csv - PII scrubbing before export
Flatten deeply nested JSON into flat key-value pairs — perfect for Excel, analytics, and BI tools.
- Supports dot
., underscore_, and slash/key separators - Full round-trip: flatten → edit → unflatten with no data loss
- Key count shown at a glance
- Download as flat JSON
Detect and redact sensitive data entirely in your browser.
- Emails, credit card numbers (Luhn-validated to eliminate false positives), phone numbers (US +1 and MX +52), and IPv4 addresses
- Highlight mode — visualize PII in color without modifying the original text
- Redaction summary with per-category counts
- Clear
[REDACTED_EMAIL],[REDACTED_CC],[REDACTED_PHONE],[REDACTED_IP]tokens
- 100% client-side — zero network requests after the initial page load
- No analytics, no tracking, no ads — ever
- Static export — just HTML, JS, and CSS served from a CDN
- No account required — open the page and start working
| i-love-data-tools | Typical online tools | |
|---|---|---|
| Ads | ❌ None | ✅ Everywhere |
| Data sent to a server | ❌ Never | ✅ Always |
| Works offline | ✅ Yes (static) | ❌ No |
| Built-in PII scrubbing | ✅ Yes | ❌ Rarely |
| MX + US phone detection | ✅ Yes | ❌ No |
| Credit card Luhn validation | ✅ Yes | ❌ No |
| Dark mode first | ✅ Yes | ❌ Mostly light |
| Open source | ✅ Yes | ❌ Usually not |
This project is a portfolio showcase of AI-assisted product development (vibe-coding) — demonstrating how a Product Manager can ship production-quality software by effectively collaborating with AI tools.
Designed and built by Pablo Arroyo — Product Manager
# Install dependencies
pnpm install
# Start dev server
pnpm devOpen http://localhost:3000.
pnpm test:unit # 66 unit tests (Vitest)
pnpm test:e2e # 27 E2E tests (Playwright)A step-by-step manual test guide with dummy data is available at docs/manual-tests.md.
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router, static export) |
| Language | TypeScript 5.8 (strict) |
| Styling | Tailwind CSS 4 + shadcn/ui (New York) |
| Editor | CodeMirror 6 |
| CSV parsing | PapaParse |
| JSON flattening | flat |
| Toasts | Sonner |
| Unit tests | Vitest |
| E2E tests | Playwright |
| Package manager | pnpm (exact version pinning) |
If this project helped you, consider buying me a coffee.