Blood Donation Center Website

Overview

The Blood Donation Center website is a platform aimed at promoting blood donation and making it easy for users to find nearby donation centers. The website provides comprehensive information about the importance of blood donation, resources, and a map interface displaying key donation locations in India.

---

Features

1. Motivational Homepage

   • Includes a motivational quote about blood donation.
   • Explains the center’s mission and how it helps save lives.

2. Interactive Map

   • Displays the locations of blood donation centers using OpenStreetMap and Leaflet.js.
   • Highlights centers in key cities like Delhi, Mumbai, Bangalore, Kolkata, Raipur, and Bhilai.
   • Markers with popups provide details about each center.

3. Resources

   • Links to prominent organizations like the Red Cross, WHO, and BloodConnect Foundation.

4. Nearby Donation Centers Table

   • Displays donation centers with their names, locations, and contact numbers.

5. Responsive Design

   • Ensures compatibility across devices and screen sizes.

---

Technologies Used

• Frontend:

  • HTML5, CSS3, JavaScript
  • Leaflet.js for map integration
  • OpenStreetMap for map tiles

• Backend:

  • PHP (optional for forms or dynamic content)

• Database:

  • MySQL (optional for managing donor registrations)

---

How to Set Up the Project

Prerequisites

• A web server (e.g., Apache, Nginx)
• Basic knowledge of HTML, CSS, and JavaScript
• PHP and MySQL (if dynamic features like registration are enabled)

Steps

1. Clone this repository:

   git clone https://github.com/your-username/blood-donation-center.git