🩸 BloodSync

BloodSync is a full-stack application designed to help coordinate blood donations during medical emergencies. The platform aims to reduce delays in finding compatible blood by connecting donors, patients, hospitals, and blood banks through a centralized system. In many real-world situations, blood availability depends on manual calls, messages, and fragmented contacts. BloodSync is built to replace this with a structured digital solution that enables faster requests, better visibility of donors, and smoother coordination.

Why BloodSync?

In many emergency situations, patients face: Difficulty finding compatible blood donors in time Lack of a centralized, real-time donor database Delays caused by manual coordination through calls and messages BloodSync aims to solve these problems by creating a single platform that can streamline blood donation coordination.

Features

Fast and lightweight (Vite-powered) Clean, modern UI based on Figma design Fully responsive layout Component-based architecture Easy to extend into a full-stack application

Tech Stack

React
TypeScript
Vite
HTML5
CSS3
Node.js
Express

Design Reference

The UI is based on this Figma design:

https://www.figma.com/design/V3iQ46oDEnBeNtvyzGbOam/Landing-Page-for-BloodSync

Project Structure

blood-sync/
├── frontend/
│   ├── public/
│   ├── src/
│   ├── index.html
│   ├── package.json
│   └── vite.config.ts
│
├── backend/
│   ├── src/
│   ├── routes/
│   ├── controllers/
│   ├── package.json
│   └── server.js
│
└── README.md

Running the Project Locally

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
npm start

License This project is intended for learning, development, and future expansion.