root@coding-prodigies:~#
← Business 📇

Mini CRM: A Lead Tracker with a Live Dashboard

A real lead-tracking CRM that remembers your contacts, no backend, no database, no account needed.

🔴 HardDifficulty
4-6 hoursTime
JavaScript, TypeScriptLanguages

What you're building

You're building a lightweight CRM (Customer Relationship Management tool) that runs entirely in the browser: add leads with their name, company, status (New, Contacted, Negotiating, Won, Lost), and value, then watch a dashboard at the top calculate live stats — total pipeline value, win rate, leads by status — as you add, edit, and move leads through the pipeline. Everything is saved to localStorage, so your data survives a page refresh or closing the tab. This is the most involved build in the set: real data modeling, real CRUD, and a real dashboard, all without a single backend line of code.

What you'll unlock 🔓

Persisting structured data with localStorageCRUD operations (Create, Read, Update, Delete) in plain JSBuilding a dashboard with computed statsFiltering and searching a dataset liveModal dialogs and forms without a frameworkData modeling (deciding what a 'lead' object should contain)

You'll need

🗺️ Build roadmap

01 Design your lead data model 02 Build the dashboard stat cards layout 03 Build the lead table and 'Add Lead' modal form 04 Wire up localStorage save/load 05 Implement create, edit, and delete for leads 06 Calculate live dashboard stats from the data 07 Add search and status filtering 08 Add status-change quick actions and polish
🔒

Log in to start building

Your first project is free -- create an account to unlock it.

Log in Sign up free

👀 If you liked this...