DEV Community

loading...
Cover image for Plasma Donation Website using MERN stack

Plasma Donation Website using MERN stack

Neha Soni
Software Engineering Intern at FICO | Technical Blogger
・5 min read

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

Technology Used

In this project, we have used the following technologies :-

  • Frontend : HTML, CSS, React.JS
  • Backend : NodeJs, Express.Js
  • Database : MongoDB

Advantages

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

Disadvantages

  • Internet : It would require an internet connection for the working of the website.
  • Auto- Verification : It cannot automatically verify the genuine users.

Screenshots & Gif

1.) Home Page

HomePage.png

2.) Nearby Vaccine Centres

VaccineCentres.png

3.) Hospitals List

HospitalsList.png

4.) Plasma Info

PlasmaInfo

5.) Donor Form

DonorForm.png

6.) Donors List

DonorList.png

7.) Request Form

RequestPlasmaForm.png

8.) Requests List

PlasmaRequestList.png

Future Work:-

1.) In future, we will try to verify the genuine users.

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.

✨Team

Contribute

'' YOUR CONTRIBUTION MATTERS ''

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. 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

2.) NodeJS documentation:- https://nodejs.org/dist/latest-v14.x/docs/api/

3.) ExpressJS documentation:- https://expressjs.com/en/starter/installing.html

4.) MongoDB :- https://docs.mongodb.com/manual/tutorial/getting-started/

5.) Git and Github:- https://gist.github.com/hofmannsven/6814451

6.) W3 School

7.) YouTube

8.) Stack Overflow

Source Code:- Plasma Donation Website

Working Project Video:- Plasma Donation Website

If you liked this project, share it with others!

Thanks for reading 🀝🀝

I would ❀ to connect with you at Twitter | LinkedIn | GitHub
Let me know in the comment section if you have any doubts or feedback.

You should definitely check out my other Blogs:

See you in my next Blog article, Take care!!

Happy LearningπŸ˜ƒπŸ˜ƒ

Discussion (2)

Collapse
lyqht profile image
Estee Tey

This is a pretty cool project, keep up the good work!

Collapse
nehasoni__ profile image
Neha Soni Author

Thank you