VitalDrop

This project aims to connect people to blood donation centers and effectively manage donations, request and blood banks.

Table Of Contents

1. Technologies used
2. How the project works
3. Screenshots
4. Tech Stack
5. Installation

Technologies used

• React.js
• Node.js
• MySQL
• Express.js

How the project works?

• This project has two sides - client and admin.
• User (client) can signup and create an account and can choose to either donate blood or make a request to a particular center.
• Donation centers can register via their admin in charge. The admin of each donation center is responsible:
  • to view their blood bank
  • to generate appointments
  • to accept or decline donations
  • to accept or decline requests for blood

Screenshots

Search by map

Admin side

Client side

Tech Stack

Client: React

Server: Node, Express

Database: MySQL

Dependencies

Frontend:

• react-bootstrap
• react-data-grid
• react-dom
• react-icons
• react-leaflet
• reactstrap

Backend:

• body-parser
• cookie-parser
• cors
• csv
• dotenv
• express
• express-session
• morgan
• mysql
• nodemon

Installation

Git and npm should be globally installed in your system.

• Fork this repository

• Clone

  git clone <your-forked-repository>

• Frontend

  cd Frontend 
  npm install

• Backend

  cd Backend
  npm install

Run

• Frontend

  cd Frontend 
  npm start

• Backend

  cd Backend
  node server.js