Timely access to compatible blood during surgical emergencies and trauma care is a life-critical requirement that conventional manual blood bank coordination frequently fails to satisfy, particularly in densely populated urban regions where demand-side unpredictability and supply-side fragmentation coexist. This paper presents the design, implementation, and quantitative evaluation of a web-based Blood Bank Application that integrates real-time geolocation tracking to dynamically connect blood donors, recipients, and healthcare institutions through a unified digital platform. The system is implemented using a three-tier architecture comprising an HTML5/JavaScript presentation layer, a Node.js RESTful application layer, and a Firebase Firestore cloud database, with the Google Maps API providing Haversine-based proximity ranking of available donors and Firebase Cloud Messaging delivering sub-3-second push notifications to matched donors. Experimental evaluation across 110 blood requests involving 212 registered donors across all eight ABO/Rh blood groups demonstrates an overall request fulfilment rate of 83.7%, a 60.9% reduction in average donor search time relative to conventional telephone-based coordination (from 18.4 minutes to 7.2 minutes), and a donor notification latency of under 2.1 seconds. Comparative benchmarking against five published blood bank systems confirms that the proposed implementation is the only system in the comparison group to provide the complete combination of web accessibility, real-time geolocation, cloud-native data management, and push notification in a single integrated platform. The system offers a scalable, cost-effective digital health infrastructure for emergency blood supply management in hospital, NGO, and community health settings.