The latest articles on DEV Community by Mohammed (@haaoi). https://dev.to/haaoi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3874832%2F3fbf4437-4bc4-4364-95b3-402f9f1761c0.png https://dev.to/haaoi en Mohammed Sat, 16 May 2026 16:11:19 +0000 https://dev.to/haaoi/i-built-an-api-monitor-30cj https://dev.to/haaoi/i-built-an-api-monitor-30cj <h1> ⚡ PulseWatch - Always Watching </h1> <p>A modern, real-time API monitoring platform built with Node.js, Express, and MongoDB. Keep your APIs and endpoints healthy with continuous uptime monitoring, performance tracking, and instant status updates.</p> <h2> ✨ Features </h2> <h3> 🎯 Core Monitoring </h3> <ul> <li> <strong>Real-time Endpoint Monitoring</strong> - Continuously check API health with customizable interval options</li> <li> <strong>Uptime Tracking</strong> - Calculate and display uptime percentages based on historical data</li> <li> <strong>Response Time Analytics</strong> - Monitor and track API response times with millisecond precision</li> <li> <strong>Status History</strong> - Keep up to 100 historical checks per endpoint for trend analysis</li> <li> <strong>Multi-Endpoint Management</strong> - Monitor unlimited APIs from a single dashboard</li> </ul> <h3> 💎 User Experience </h3> <ul> <li> <strong>Intuitive Dashboard</strong> - Clean, modern interface with real-time status updates</li> <li> <strong>User Profiles</strong> - Personal monitoring workspace for each user</li> <li> <strong>Mobile Responsive</strong> - Fully functional on desktop, tablet, and mobile devices</li> <li> <strong>Visual Status Indicators</strong> - Instant health status with color-coded indicators (Online/Offline)</li> <li> <strong>Smart Filtering</strong> - Filter endpoints by status (All/Online/Offline)</li> </ul> <h3> 🔒 Security &amp; Authentication </h3> <ul> <li> <strong>JWT Authentication</strong> - Secure user sessions with HTTP-only cookies</li> <li> <strong>Input Validation</strong> - Comprehensive XSS protection and input sanitization</li> <li> <strong>Rate Limiting</strong> - Built-in protection against abuse</li> <li> <strong>User Authorization</strong> - Users can only access their own monitors</li> <li> <strong>Password Encryption</strong> - Bcrypt hashing with salt rounds</li> </ul> <h3> 🛠️ Technical Features </h3> <ul> <li> <strong>RESTful API</strong> - Clean, well-documented API endpoints</li> <li> <strong>Automatic Scheduler</strong> - Background jobs for continuous monitoring</li> <li> <strong>Dynamic Scheduler Updates</strong> - Automatically restarts monitoring when URL/interval changes</li> <li> <strong>Graceful Shutdown</strong> - Properly cleanup schedulers on server stop</li> <li> <strong>Error Handling</strong> - Comprehensive error handling and logging</li> <li> <strong>CORS Support</strong> - Configured for secure cross-origin requests</li> </ul> <h2> 🚀 Tech Stack </h2> <h3> Backend </h3> <ul> <li> <strong>Node.js</strong> - Runtime environment</li> <li> <strong>Express.js</strong> - Web framework</li> <li> <strong>MongoDB</strong> - Database with Mongoose ODM</li> <li> <strong>JWT</strong> - Authentication tokens</li> <li> <strong>Bcrypt</strong> - Password hashing</li> </ul> <h3> Frontend </h3> <ul> <li> <strong>Vanilla JavaScript</strong> - No framework dependencies</li> <li> <strong>Modern CSS</strong> - Custom styling with CSS variables</li> <li> <strong>Responsive Design</strong> - Mobile-first approach</li> <li> <strong>Real-time Updates</strong> - Auto-refresh every 10 seconds</li> </ul> <h3> Security </h3> <ul> <li> <strong>Input Sanitization</strong> - XSS protection</li> <li> <strong>HTTP-only Cookies</strong> - Secure token storage</li> <li> <strong>CORS</strong> - Cross-origin resource sharing</li> <li> <strong>Rate Limiting</strong> - Request throttling</li> </ul> <h2> 🖥️ Live Website </h2> <p>Try out PulseWatch exclusively <a href="https://pulsewatch-led1.onrender.com/" rel="noopener noreferrer">here!</a></p> <h2> 📖 API Documentation </h2> <p>API Documentation can be viewed live <a href="https://pulsewatch-led1.onrender.com/api/docs" rel="noopener noreferrer">here</a></p> <h2> 👤 Developer </h2> <p><strong>Mohammed</strong></p> <ul> <li>Twitter: <a href="https://x.com/haaoi_dev" rel="noopener noreferrer">@haaoi_dev</a> </li> <li>GitHub: <a href="https://github.com/hamood268" rel="noopener noreferrer">@hamood268</a> </li> </ul> backend developers node Mohammed Sun, 12 Apr 2026 12:00:31 +0000 https://dev.to/haaoi/i-built-a-steam-achievement-tracker-as-a-portfolio-project-10pl https://dev.to/haaoi/i-built-a-steam-achievement-tracker-as-a-portfolio-project-10pl <h1> 🏆 Achievely </h1> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9ppoql1xct9rssqcrel7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9ppoql1xct9rssqcrel7.png" alt=" " width="800" height="450"></a></p> <p>Achievely is a clean, fast, and focused achievement hunting tool for Steam players. No reviews, no ratings, no social feed — just you, your games, and your next unlock.</p> <h2> ✨ What Is Achievely? </h2> <p>Achievely is a Steam achievement monitor that lets you track, hunt, and explore achievements across your Steam library — all in one clean interface.</p> <p>Enter your SteamID and instantly see your completion rates, rarest unlocks and your most recent played games across your library sorted and filtered exactly how you need it.</p> <p>No account creation. No data stored on any server. Just your Steam data, beautifully presented.</p> <h2> 🎯 Core Features </h2> <h3> 🔍 Game Library </h3> <p>Browse thousands of games without needing a SteamID. Trending titles, recent releases, upcoming releases and a precise search bar — all powered by live data.</p> <h3> 👤 Profile Dashboard </h3> <p>Connect your SteamID to unlock your personal dashboard. See your overall completion rate, recently played games, 100% completed titles.</p> <h3> 🎮 Game Detail Page </h3> <p>Every game gets a full achievement breakdown — locked, unlocked, hidden, global rarity percentages, and rarity labels from Common all the way to Ultra Rare. Filter by completion status or sort by rarity, unlock date, or name.</p> <h3> 🔥 Achievement Hunt </h3> <p>The grind page. Every incomplete achievement across your entire library in one feed. Filter by rarity, sort by easiest or rarest, and get to work. Filter by rarity, sort by easiest or rarest first, and sit down and get to work.</p> <h3> 🔖 Bookmarks </h3> <p>Bookmark any game directly from the library. Access your bookmarked games instantly and jump straight into their achievement list from a single click.</p> <p>🌐 <strong><a href="https://achievely.onrender.com/" rel="noopener noreferrer">Try Achievely Now!</a></strong> <br> 👾 <strong><a href="https://github.com/hamood268/achievely" rel="noopener noreferrer">GitHub</a></strong></p> programming node backend beginners