BloodConnect is a web-based platform designed to connect blood donors with people in need. It provides an easy-to-use interface for registering as a donor, finding nearby donors based on blood group and location, and accessing information about upcoming blood donation camps.
- 🔍 Find Donors: Search for nearby blood donors based on location and blood group.
- 📝 Donor Registration: Simple form to register as a blood donor.
- 📍 Nearby Camps: Discover local blood donation drives and events.
- 🔔 Notifications: Notify eligible donors about donation camps in their area.
- 📄 Contact Information: View donor details for immediate contact in emergencies.
- HTML5 & CSS3 – Page structure and styling
- JavaScript – Form validation, interactivity
- Google Sheets + Apps Script – Backend for storing donor data and contact form submissions
- Font Awesome – Icons used throughout the site
BloodConnect/ ├── index.html # Home Page ├── donor.html # Donor registration page ├── search.html # Find donor form ├── camps.html # Donation camp listings ├── contact.html # Contact form ├── style.css # Global stylesheet ├── script.js # Form and UI scripts └── assets/ # Images and icons
yaml Copy Edit
- Clone this repository:
git clone https://github.com/DurgeshNile/BloodConnect.git
Open index.html in your browser.
To connect the forms to Google Sheets:
Set up a Google Apps Script to receive form data.
Link the script to your Google Sheet and update form action URLs accordingly.
🌐 Live Demo [Blood-Connect]
📬 Contact For feedback or queries: 📧 1234durgeshnile@gmail.com 📱 +91 7620817600
📄 License This project is open-source and free to use. You may modify and build upon it as needed.
© 2025 Durgesh Nile — Empowering lives through digital blood donation support.