Built a full-stack Client Lead Management System (Mini CRM) for freelancers and small agencies — as part of Task 2: Build a Real-World Full Stack Application.
The goal was to create a practical tool that helps small businesses and freelancers manage their leads efficiently, track follow-ups, and never lose a potential client again.
- HTML5 — Semantic structure
- CSS3 — Custom styling and responsive layout
- Vanilla JavaScript — Dynamic UI, form handling, and client-side logic
- Node.js & Express.js — REST API backend
- MongoDB — NoSQL database for storing leads and user data
| Feature | Details |
|---|---|
| 🔐 Admin Login | Secure authentication for admin access |
| ➕ Add / Edit / Delete | Full CRUD operations on leads |
| 📊 Lead Status Tracking | Pipeline: New → Contacted → Converted |
| 🔍 Search & Filter | Quickly find leads by name, status, or date |
| 📝 Follow-up Notes | Add timestamped notes to each lead |
| 📈 Dashboard with Stats | Overview of total leads, conversions, and pipeline health |
| 📤 Export to CSV | Download all leads as a CSV file for external use |
| 📱 Mobile Responsive | Works on all screen sizes |
Freelancers and small agencies often track leads in messy spreadsheets or forget to follow up. LeadFlow CRM solves this by:
- Centralising all leads — one clean dashboard instead of scattered notes
- Visualising the pipeline — see exactly where each lead stands
- Enabling fast follow-ups — notes and status updates in seconds
- Exporting data — CSV export for reporting or migration
FUTURE_FS_02/
│
├── index.html # Frontend UI
├── style.css # Styling
├── Lead.js # Lead model / schema
├── app.js # Express app setup
├── server.js # Server entry point
├── auth-routes.js # Authentication routes
├── leads-routes.js # Lead CRUD routes
├── package.json # Dependencies
└── README.md # This file
Vishnu Vardhan Rali · Future Interns Task 2 · 2026