Mini CRM with full CRUD and pipeline view

Dual-view interface

Toggle between a sortable list view and a pipeline kanban board. Moving a contact's status in one view updates the other instantly.

Slide-out edit panel

Add and edit contacts in an animated side panel. Feels like a native app, not a web form. Proper transitions, validation, and keyboard support.

Persistent storage

All data saved to localStorage. Close the browser, come back tomorrow, your contacts are still there. CSV export gets the data out when you need it.

# Mini CRM / Contact Tracker

## What to build
A contact management tool with CRUD operations, pipeline view, and data persistence.

## Features
1. **Contact list view**: table with columns for Name, Company, Status, Last Contact, Next Step. Sortable headers.
2. **Pipeline view**: kanban board with columns per status (Lead, Prospect, Active, Closed, Lost). Contacts as cards, click to move between columns.
3. **Add/Edit panel**: slide-out side panel (not modal) with form fields, animated open/close transition
4. **Delete**: confirmation before removing, updates both views
5. **Status dropdown**: inline status change in list view
6. **Search + filter**: text search by name/company, dropdown filter by status
7. **View toggle**: switch between list and pipeline views
8. **Sample data**: "Load sample data" button with 10 realistic contacts
9. **Persistence**: all data in localStorage, survives page refresh
10. **CSV export**: download all contacts as CSV

## Data model
```
Contact {
  id: string
  name: string
  company: string
  status: "lead" | "prospect" | "active" | "closed" | "lost"
  lastContact: string (ISO date)
  nextStep: string
  email?: string
  phone?: string
}
```

Build a functional mini CRM as a single self-contained page. No backend, localStorage for persistence.

Features: contact list with columns (Name, Company, Status, Last Contact, Next Step), pipeline kanban view with 5 status columns (Lead/Prospect/Active/Closed/Lost), toggle between views. Add/edit via animated slide-out panel from the right side. Delete with confirmation. Inline status dropdown in list view. Search bar (filters by name and company) and status filter dropdown. "Load sample data" button with 10 realistic contacts (mix of Swedish and international names, real-sounding companies like "Streamline AB" not "ACME Corp"). CSV export button. All data persisted in localStorage. Handle empty states in both views.