BloodConnect

Live Demo

Donate Blood, Save Lives
Every drop counts. Blood donations help patients undergoing surgeries, fighting cancer, and surviving accidents. Become a hero in just 30 minutes—one donation can impact up to three lives. Join the mission today!

---

Table of Contents

• About
• Features
• Technologies Used
• How It Works
• Usage
• Contributing
• License

---

About

BloodConnect is a web application designed to connect blood donors with recipients in need. Users can submit their details to become donors, and those in need can search for donors based on city, blood group, and age. The platform also includes a review section for users to share feedback and experiences.

This project was created as a practice project to explore full-stack web development and implement user-friendly forms and search functionality.

---

Features

• Donor Registration Form: Users can submit their name, contact information, blood group, age, and city to register as a blood donor.
• Search Donors: Visitors can search for donors based on:
  • City
  • Blood group
  • Age
• Reviews Section: Users can leave reviews and feedback about their experiences.
• Informative Home Page: Provides information about the importance of blood donation, who can donate, and how blood donations save lives.

---

Technologies Used

• Frontend: React, Vite, Tailwind CSS
• Backend / Database: (Firebase)
• Hosting: Netlify

---

How It Works

1. Register as a Donor:
   • Fill out the registration form with your details.
   • Submit your information to be added to the donor list.
2. Search for Donors:
   • Enter the required criteria: city, age, and blood group.
   • View matching donors and their contact information.
3. Leave Reviews:
   • Share your feedback or experience with the platform or donation process.

---

Usage

1. Visit the live site: BloodConnect
2. Register as a donor or search for blood donors.
3. Leave a review if you have used the platform.

---

Contributing

This project is primarily a practice project, but contributions are welcome! You can:

• Improve the UI/UX
• Add authentication for donors
• Integrate a proper backend database for storing donor and review data
• Add email notifications for donors

---

Author

Muhammad Subhan Akhtar
📧 muhammadsubhan192128@gmail.com
🌐 Portfolio Website
💬 Open for collaborations & freelance web projects.