blood-donation

Aim

• This is a project aiming to automate the process of blood donation entries.

General Info

• It is a responsive website. You can visit it here.
• List of donors is displayed in table. The name is a hyperlink to the profile of that donor. Delete button will remove donor from database. Rest all is just plain information about donor.
• Navbar contains 2 links one to donors list and another to add a new donor and save it in database.
• Add new donor links takes you to a page where a form is presented when you visit the website which takes input for data of the new donor.
• Profile page has all the details you entered when adding new donor. It shows 2 latest blood donation dates and a has a link to add a recent donation data and amount with your present weight. All the data presented in the profile page is editable.
• You cannot enter donation dates which are have less than 3 months difference.

Feature To Add

• Connect to Database.
• Show All Entries.
• CRUD actions on entries.
• UI design for the whole app(if anyone have suggestion feel free to contact me!)

Versions

• This is the version 1.00 which has basic functionality to be used with okish UI.
• I will continue working for new and better versions.
• Current Functionalities are
  • Adding New Donor Info.
  • Viewing all donors info in tabular format.
  • Filters for searching particular donor in the table.
  • Download the filtered table value as PDF.
  • Add new donation date and amount to a existing user.
  • Able to view and edit a existing user data.
  • Delete a user.

Technologies And Support

• Mongodb as Database.
• Express as Backend Framework.
• React as Frontend Library.
• Node for JavaScript runtime environment along with npm.
• Heroku for deployment.

Screenshots

• Will Update soon.

Installation

• Will Update soon.