This project, named "Bloodlink," utilizes the MERN stack to create a comprehensive web platform connecting blood seekers with donors efficiently. The ReactJS-based frontend collects seeker details, including location via geolocation API. On the homepage, Bloodlink presents a dynamic visual representation of donor distribution through a heatmap-style map, powered by Map My India. This innovative feature provides seekers with an intuitive view of donor concentrations around their current location. The heatmap displays varying intensities of color, allowing users to quickly identify areas with higher concentrations of potential donors.
The Node.js and Express backend, backed by MongoDB, store donor data. The system compares seeker and donor locations, notifying donors within a 5 km radius through Twilio if a match is found. If not, the radius expands incrementally up to 30 km. Additionally, the application displays blood availability in nearby blood banks and features a community section where donors share donation photos for motivation. The integration of Map My India maps enhances location-based functionalities. This comprehensive solution leverages technology to streamline blood donation processes, fostering quick and effective connections between seekers and donors, while also promoting community engagement and awareness.