🩸Rakta

📝Table of contents

• Introduction
• Features
• Installation
• Usage
• Project Structure
• Contributors

📖Introduction

• Rakta is a project based for Health related sector.Due to high accidents, blood cancer patient and others loss of blood, blood has become important.Every individual couldnot buy blood bag due to high cost for them.Here our web application plyas a vital role in connecting donars and acceptors.
• Every individual try to post a status on social media waiting for response and connecting to donor as it may takes time we raktas makes it easier for them. Acceptor can just put his location and blood group number then location of the donor appear on the screen and he can call him/her and go for further process.

⚙Features

• Requesting Blood : Requesting of blood is fast as it is our first priority.
• Donating Blood : Giving some infos and you are ready to be a donor.
• Easy Contact : Can directly call via call option.
• Map location : In maps you can view every blood location you can also filter blood group.

🔍Installation

Follow these steps to get started with Rakta

1. Clone the repositories:

git clone https://github.com/Noskathon-Lite/Code_Blooded.git

2. Directory:

cd client

3. Node module installation:

npm i

4. Settinup Routes:

npm i react-router-dom

5. Installing tailwind:

npm install -D tailwindcss postcss autoprefixer

6. Setting up tailwind:

npx tailwindcss init -p

7. Installing Firebase

  npm install firebase

8. To indicate open sheet map

   npm install leaflet@1.9.4 react-leaflet@4.2.1

✍Usage

There are two parts to use this platform and they are either donor and acceptor:

• For Donor

i) Making Id Steps:

1. Go to Rakta
2. Click Donate Now.
3. You will be redirected to sign in/ sign up page.
4. Sign in giving all the required details.
5. If you have already created your profile just sign in.
6. Now you can view blood request and your profile is created.

ii) Donating steps

1. After getting call you are good to go.

• For Accceptors

Steps:

1. Go to Rakta
2. Press Map.
3. Add Your blood type and you can see variation of blood matching with you.
4. Chat/Call your matched donor.
5. Now donor will come to the required place and helps you.

🧑‍💻Contributors

Thank you all for your Hardwork 🙌

Prateek Dangal 💻 🧑‍💻

Nebil Khanal 💻 🖥️

Krishav Koirala 💻 🖥️

Naman Yadav 💻 📝