RED HOPE

Every drop counts, every life matters.

Comment

Inspiration

In emergencies, every second matters. Yet, people in urgent need of blood often struggle to find nearby donors quickly. Communication is slow, requests go unnoticed, and coordination becomes chaotic. We wanted to solve this real-life problem with technology that connects donors and receivers seamlessly — saving time, and ultimately, lives.

What it does

RED HOPE (Blood Connector) is a real-time blood donation platform that:

Connects donors and receivers instantly via real-time chat

Shows nearby donors on a map with location markers

Allows receivers to post blood requests by group and location

Sends instant notifications to relevant donors

Tracks donor availability, donation history, and cooldown restrictions

Supports an approval/rejection workflow for donor applications

Provides a smooth, interactive experience with animations and live updates

How we built it

Backend: Django (Python) for authentication, models, APIs, and email handling

Frontend: HTML, CSS, JavaScript with GSAP animations + Locomotive Scroll for smooth UX

Maps: Leaflet.js + OpenStreetMap for donor location visualization

Database: SQLite for development (PostgreSQL-ready for production)

Real-Time Communication: AJAX + JSON APIs for chat, notifications, unread/read tracking

File Uploads: Profile picture and avatar handling

Email Integration: Verification codes, approval/rejection notifications

Challenges we ran into

Designing an efficient real-time chat without using WebSockets — solved using AJAX polling

Implementing unread/read states consistently across chat and notifications

Handling map integration with dynamic donor pins and live geolocation updates

Balancing smooth animations with performance on low-end devices

Creating a workflow to restrict repeat donations based on medical cooldown periods

Accomplishments that we're proud of

Built a fully working donor-receiver matching system with real-time interaction

Successfully integrated maps, chat, notifications, and animations into one platform

Designed an intuitive and responsive user experience that works smoothly on both desktop and mobile

Implemented a donation history & restrictions feature that aligns with real-world medical guidelines

What we learned

How to design real-time-like systems using AJAX efficiently without WebSockets

The importance of user experience (UX) in healthcare-related platforms

Managing stateful systems like read/unread messages and donor availability

Integrating maps and geolocation services into web apps

How small details like smooth animations & clear notifications can significantly improve usability

What's next for RED HOPE

Migrate to PostgreSQL + cloud deployment for scalability

Add WebSocket support (Django Channels) for real-time chat and notifications

Mobile app version (React Native / Flutter) for better accessibility

AI-driven donor matching & prioritization based on urgency and proximity

Multi-language support for wider accessibility

Partnerships with blood banks and hospitals to bring this to real-world use

Built With

Share this project:

Updates