The latest articles on DEV Community by Hamza Ali (@hamza_ali_eeeeb4642433447). https://dev.to/hamza_ali_eeeeb4642433447 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4210724%2Faaf9276a-bff5-45f4-9c42-8bbeacdae3a4.png https://dev.to/hamza_ali_eeeeb4642433447 en Hamza Ali Wed, 28 Oct 2026 11:38:15 +0000 https://dev.to/hamza_ali_eeeeb4642433447/i-built-a-dark-mode-client-outreach-tracker-pwa-with-vanilla-js-n3f https://dev.to/hamza_ali_eeeeb4642433447/i-built-a-dark-mode-client-outreach-tracker-pwa-with-vanilla-js-n3f <h3> Why I Built It </h3> <p>Managing client lead pipelines and cold outreach often meant dealing with heavy, bloated SaaS tools. I wanted a fast, zero-dependency, dark tech-noir dashboard that runs locally and offline as an installable PWA.</p> <h3> Core Features </h3> <ul> <li> <strong>Client Outreach &amp; Lead Tracker:</strong> Manage cold DMs, follow-up schedules, and active agency lead pipelines without clunky spreadsheets.</li> <li> <strong>Real-Time Analytics &amp; Telemetry:</strong> Visual tracking for response rates and operational performance metrics.</li> <li> <strong>Tech-Noir Aesthetic:</strong> High-contrast dark glassmorphic UI designed for fast daily workflow.</li> </ul> <h3> Tech Stack </h3> <ul> <li>Vanilla HTML5, CSS3, JavaScript</li> <li>React &amp; Babel</li> <li>Deployed via Netlify &amp; Cloudflare Pages</li> </ul> <h3> 🔗 Live Demos &amp; Tools </h3> <ul> <li> <strong>Local Operations Hub (Client Tracker):</strong> <a href="https://hgopshub.netlify.app" rel="noopener noreferrer">https://hgopshub.netlify.app</a> </li> <li> <strong>Aether Prism:</strong> Check out my dark tech-noir agency showcase site.</li> </ul> <p>I’d love to get your feedback on the UI design, mobile responsiveness, and overall workflow! What features would you add next?</p> showdev webdev javascript ui