Post

I just finished my 100 hours project and wanted to share it with the 100Devs community. DevLeads (devleads.site) is a complete, self-hosted lead management system I built specifically for freelance web developers. It handles everything from initial contact to final payment.(cont.) #100Devs #webdev

(cont.) When you self-host, you own your data. No monthly SaaS fees eating into your profit. No vendor lock-in. No worrying about some company changing their pricing or shutting down. You deploy it once with Docker and it's yours. #100Devs #webdev

(cont.) The documentation walks you through it step by step, even if you've never touched Firebase or MongoDB Atlas before. I wrote it assuming you're starting from scratch because I wanted anyone to be able to use this. #100Devs #webdev

(cont.) Leads come into your system in a few different ways. If someone contacts you through one of the web form components on your site, their information automatically gets added to your dashboard and triggers automated email notifications through Nodemailer. #100Devs #webdev

(cont.) Once a lead is in your system, you've got all their contact info, business details, what service they want, their budget, etc. You can track them through your pipeline with statuses like new, contacted, in progress, closed/won, closed/lost. #100Devs #webdev

(cont.) When you're ready to send a proposal, contract, or invoice, you use the built-in form builder with a Markdown editor. It comes loaded with professional templates for contracts, proposals, invoices, cold calling scripts, cold emails, etc. #100Devs #webdev

(cont.) The system uses variable substitution, so you select the lead, pick your template, and it automatically fills in their name, business name, address, project details, pricing, payments, remaining balance, etc. from their lead record. Then you export it as a PDF or markdown. #100Devs #webdev

(cont.) The Resources page has curated links organized by category. Business tools, design resources, development docs, hosting platforms. For example, OpenSign is linked there for e-signatures. It's a free, open source tool and an awesome resource. #100Devs #webdev

(cont.) The Business Finder might be my favorite feature. You can search for businesses in a specific location that might need your services, and it gathers their contact information into organized hitlists. You can pull up to 1000 businesses per search. #100Devs #webdev

(cont.) Want to do outreach to every coffee shop in Denver? Every dentist in Phoenix? You can build those massive lists with phone numbers, addresses, and websites. When you see which businesses have websites and which don't, you know immediately who needs one built. #100Devs #webdev

(cont.) The stack is Node.js and Express with MongoDB Atlas for the database, Firebase for authentication, Puppeteer for the Business Finder, and vanilla JavaScript & Chart.js on the frontend to keep it fast. Deploy it with Docker and you're live in 30 minutes to an hour. #100Devs #webdev