RedConnect

A platform that empowers communities to find and connect with blood donors instantly and easily

Comment

❤️‍🩹 Inspiration

During medical emergencies, finding the right blood donor quickly can be difficult. Blood banks may not always have the required blood group, and families often struggle to locate donors in time. RedConnect was inspired by the need to create a fast, community-driven solution for emergency blood access.

🩸 What it does

RedConnect is a web-based blood donation platform that allows users to register as donors and enables patients to search donors instantly by blood group and city. It focuses on simple, direct, and quick connections.

⚙️ How We Built It

RedConnect was developed as a full-stack web application using modern web technologies to ensure performance, security, and scalability.

The frontend was built using React (Vite) to create a dynamic, component-based, and responsive user interface. We implemented Firebase Authentication to enable secure user sign-up and login functionality. Donor information and user data are stored in Firebase Firestore, allowing real-time data management and efficient filtering by blood group and city.

To ensure accessibility across devices, the platform was designed with a fully responsive layout using HTML5 and CSS3. The application was deployed online via Vercel for seamless public access and testing.

👥 Team Contributions

  • Shrutika Dahale: Led the overall development, designed the system architecture, and implemented the frontend and Firebase integration.
  • Payal Cholke: Conducted research, defined the problem scope, and contributed to feature planning.
  • Shreya Chature: Assisted in UI testing, usability improvements, and interface refinement.
  • Asmita Gore: Managed documentation, structured the presentation materials, and ensured submission alignment with hackathon guidelines.

⚠️ Challenges We Ran Into

One of the primary challenges was implementing secure user authentication while maintaining a smooth and user-friendly login experience.

We also worked to prevent duplicate donor registrations and ensure data consistency within Firebase Firestore. Designing efficient database queries to filter donors by blood group and city required careful planning.

Balancing security, performance, and usability pushed us to refine both our backend logic and frontend validation.

🏆 Accomplishments That We're Proud Of

We successfully built and deployed a fully functional web application that connects blood donors and recipients quickly and reliably. The platform features secure authentication, real-time database integration, and an intuitive, responsive design optimized for both mobile and desktop users. Completing a full-stack solution within the hackathon timeframe and deploying it live was a significant achievement for our team.

📖 What We Learned

Through building RedConnect, we gained hands-on experience with cloud integration using Firebase services, real-time database management, and secure authentication workflows. We strengthened our understanding of state management in React and learned how to structure a scalable frontend architecture.

Beyond technical skills, this project taught us how technology can be leveraged to address real-world emergencies and create meaningful social impact. We also improved our collaboration, problem-solving, and rapid development skills under hackathon time constraints.

🩸What's Next for RedConnect

In future iterations, we plan to introduce detailed donor profile pages, real-time availability status updates, and more advanced filtering options for faster matching.

We also aim to implement location-based search, emergency request notifications, and improved data validation to enhance reliability and user trust. Our long-term vision is to expand RedConnect into a larger, scalable platform that can support communities at a regional or national level.

Built With

Share this project:

Updates