The latest articles on DEV Community by Himanshu kashyap (@himanshu011). https://dev.to/himanshu011 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%2F3186417%2F85ca7b86-8b7f-4dc9-9362-f51f3caf6954.png https://dev.to/himanshu011 en Himanshu kashyap Tue, 20 May 2025 15:33:25 +0000 https://dev.to/himanshu011/i-built-a-blood-donor-finder-web-app-using-nodejs-express-and-mongodb-2ikk https://dev.to/himanshu011/i-built-a-blood-donor-finder-web-app-using-nodejs-express-and-mongodb-2ikk <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%2Fva3p2j4hwhnfm9el6p8c.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%2Fva3p2j4hwhnfm9el6p8c.png" alt="Image description" width="800" height="1783"></a></p> <h1> Blood Donor Finder Web App – Find or Become a Donor Easily </h1> <p>Hello Dev community!</p> <p>I recently built a <strong>Blood Donor Finder Web App</strong> with the goal of helping people easily find blood donors in emergencies, and to create a simple platform where users can register themselves as donors.</p> <h2> 🚀 Tech Stack Used </h2> <ul> <li> <strong>Frontend</strong>: HTML, CSS, JavaScript</li> <li> <strong>Backend</strong>: Node.js, Express.js</li> <li> <strong>Database</strong>: MongoDB Atlas</li> <li> <strong>Hosting</strong>: Railway.app</li> </ul> <h2> ✨ Key Features </h2> <ul> <li>Card-style layout showing blood donors</li> <li>Donor registration form with validation</li> <li>Mobile responsive design</li> <li>Real-time donor data fetching from MongoDB</li> </ul> <h2> 🌐 Live Website </h2> <p>Check it out here: <a href="https://blood-donor-finder.up.railway.app" rel="noopener noreferrer">https://blood-donor-finder.up.railway.app</a></p> <h2> 🧠 What I Learned </h2> <ul> <li>Handling MongoDB with Node.js</li> <li>Using Express routes to manage form submissions and data retrieval</li> <li>Making responsive layouts with plain CSS</li> <li>Hosting full-stack projects on Railway</li> </ul> <h2> 🔮 Future Plans </h2> <ul> <li>Add filtering by blood group and city</li> <li>Email or SMS alert for matching donors</li> <li>Admin dashboard for approval and stats</li> </ul> <h2> 📬 Feedback? </h2> <p>I would love to hear your feedback and suggestions!</p> <p>Thanks for reading! If you found this useful or inspiring, please leave a reaction or comment!</p> <h1> node #mongodb #webdev #javascript #opensource #project #students #beginners </h1> webdev node express javascript