Plasma Donation Website using MERN stack
Tags: react, webdev, node, mongodb
Published: 2021-06-09 09:10:13

Hello amazing people 👋,

Welcome to **Plasma Donation** Website. As we all know, the world is suffering from the COVID-19 crisis. Our government and health care professionals are trying their best to help the patients suffering from COVID-19. Scientists are trying to discover a vaccine to cure people affected with coronavirus. There is a scientific way from which we can help to lower the death ratio or help the COVID 19 affected person. Plasma therapy is an experimental approach to treat COVID-positive patients and help them recover faster. But, in this situation, it is difficult for a patient to find a plasma donor as everybody can’t donate plasma.
## Our project goal
The main goal of our project is to make it easier for the COVID-19 patients to get a plasma donor easily as well as donate plasma if they have recovered. The system targets two types of users: the people who want to donate plasma and the people who need plasma. The user can also view the total active cases, nearby vaccine centers, hospitals address. The main objective of developing the website is to make it easier for the COVID-19 patients to get a plasma donor easily and as soon as possible.
## Workflow of the project
The person who wants to donate his/her plasma needs to register in our application providing required information which are name, age, blood group, phone number, and location, etc.
Patients who need plasma can also fill the form to request the plasma. Patients can directly call the donor by taking his/her contact number from the application.
The user can also view the total active cases, recovered cases, vaccine centers in their area, hospital location, and helpline number.
## UML diagram
![Screenshot (330).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622813954455/DyyGeHtSM.png)
## Technology Used
In this project, we have used the following technologies :-
<ul>
<li> <b>Frontend</b> : HTML, CSS, React.JS</li>
<li> <b>Backend</b> : NodeJs, Express.Js</li>
<li> <b>Database</b> : MongoDB</li>
</ul>

## Advantages
<ul>
<li><b>Speed</b> : This website is fast and offers great accuracy as compared to manual registered keeping.</li>
<li><b>Maintenance</b> : Less maintenance is required</li>
<li><b>User Friendly</b> : It is very easy to use and understand. It is easily workable and accessible for everyone.</li>
<li><b>Fast Results</b> :  It would help you to provide plasma donors easily depending
upon the availability of it.</li>
</ul>

## Disadvantages
<ul>
<li><b>Internet</b> : It would require an internet connection for the working of the 
website.</li>
<li><b>Auto- Verification</b> : It cannot automatically verify the genuine users.</li>
</ul>

## Screenshots & Gif
<h3> 1.) Home Page</h3>
![HomePage.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814397676/44XLJhPJ4.png)
<h3> 2.) Nearby Vaccine Centres</h3>
![VaccineCentres.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814430478/IOGF4WnKe.png)
<h3> 3.) Hospitals List</h3>
![HospitalsList.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814466628/eDYQSt4IG.png)
<h3> 4.) Plasma Info</h3>
![PlasmaInfo](https://camo.githubusercontent.com/d73f39328f32563667a6c5812c0c6d7c5fbe204d9923cc96659ffe22ef85abe4/68747470733a2f2f696d372e657a6769662e636f6d2f746d702f657a6769662d372d3530373333326162666539392e676966)
<h3> 5.) Donor Form</h3>
![DonorForm.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814570484/3Z2QmJ42WT.png)
<h3> 6.)  Donors List</h3>
![DonorList.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814623017/VTHDJiNOM.png)
<h3> 7.) Request Form</h3>
![RequestPlasmaForm.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814665967/gjGTfr5ua.png)
<h3> 8.) Requests List</h3>
![PlasmaRequestList.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1622814711149/VzF_l5WHw.png)

## Future Work:-
1.) In future, we will try to verify the genuine users.<br>
2.) For now, we have just listed the hospitals in Delhi, but in the future, we will try to add hospitals of each state of India.
<h3> ✨Team</h3>
<table>
  <tr>
    <td>
      <a href="https://github.com/nehasoni05">
      <img src="https://github.com/nehasoni05.png?size=100">
        Neha Soni
      </a>
    </td>
    <td>
      <a href="https://github.com/AbhishekJaswal2001">
      <img src="https://github.com/AbhishekJaswal2001.png?size=100">
        Abhishek Jaswal
      </a>
    </td>
     <td>
     <a href="https://github.com/kritikakaura1518">
      <img src="https://github.com/kritikakaura1518.png?size=100">
       Kritika Kaura
    </a>
    </td>
    <td>
     <a href="https://github.com/ridhisood04">
      <img src="https://github.com/ridhisood04.png?size=100">
       Ridhi Sood
    </a>
    </td>
  </tr>
  </table>

## Contribute
**'' YOUR CONTRIBUTION MATTERS ''**<br>
As I am a student so I am not able to add too much functionality to this project. So, if you find any problem, bug (🐞), want to add more features to this website, or want to share any kind of suggestions to improve our work please let us know by creating an  [issue here](https://github.com/nehasoni05/Plasma_Donation_Website/issues). I will also try to work more on this project so I will host it somewhere and people find it useful.

## References
1.) ReactJS documentation:-  [https://reactjs.org/docs/getting-started.html](https://reactjs.org/docs/getting-started.html) <br/>
2.)  NodeJS documentation:-  [https://nodejs.org/dist/latest-v14.x/docs/api/](https://nodejs.org/dist/latest-v14.x/docs/api/) <br/>
3.) ExpressJS documentation:- [https://expressjs.com/en/starter/installing.html](https://expressjs.com/en/starter/installing.html) <br/>
4.) MongoDB :-  [https://docs.mongodb.com/manual/tutorial/getting-started/](https://docs.mongodb.com/manual/tutorial/getting-started/) <br/>
5.) Git and Github:-  [https://gist.github.com/hofmannsven/6814451](https://gist.github.com/hofmannsven/6814451) <br/>
6.) W3 School <br/>
7.) YouTube <br/>
8.) Stack Overflow

**Source Code:-**  [Plasma Donation Website](https://github.com/nehasoni05/Plasma_Donation_Website) <br>
**Working Project Video:-** [Plasma Donation Website](https://drive.google.com/file/d/1EFCLIF-TqjJvc2h8EJK2Guxsn3IIA-px/view?usp=sharing)

If you liked this project, share it with others! 
### Thanks for reading 🤝🤝
I would ❤ to connect with you at  [Twitter](https://twitter.com/nehasoni__)  |  [LinkedIn](https://www.linkedin.com/in/neha-soni-70a6231b1/) | [GitHub](https://github.com/nehasoni05)
Let me know in the comment section if you have any doubts or feedback.

**You should definitely check out my other Blogs:**
-  [Introduction to JavaScript: Basics](https://nehasoni.hashnode.dev/introduction-to-javascript-basics) 
-  [Playing with JavaScript Objects](https://nehasoni.hashnode.dev/playing-with-javascript-objects-1) 
- [7 JavaScript Data Structures you must know](https://nehasoni.hashnode.dev/7-javascript-data-structures-you-must-know)
-  [Digital Clock using JavaScript](https://nehasoni.hashnode.dev/digital-clock-using-javascript) 
- [25+ JavaScript Project With Source Code to Build your Skills](https://nehasoni.hashnode.dev/25-javascript-project-with-source-code-to-build-your-skills)
-  [Git & Github: All you need to know](https://nehasoni.hashnode.dev/git-and-github-all-you-need-to-know) 
-  [Introduction to ReactJS
](https://nehasoni.hashnode.dev/introduction-to-reactjs) 

See you in my next Blog article, Take care!!<br>
**Happy Learning😃😃**