Swatigupta-droid / Donatly

This is Made for helping the people who need blood or any kind of organ donation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Donatly.

Donatly is a project aiming at safeguarding the masses, that require any sort of blood or organ(s) on an emergency, or a long term basis. We all are aware of the fact that almost every second somebody in the nation requires blood, and how one person's blood can save at least two lives, hence, for those who are eligible to donate blood, they should feel free to do so, as all they are doing is saving lives, which is contributing towards mankind. Donatly provides you a platform to Donate/Request/Explore/Know more about Donating Blood/Organ(s). That's our ultimate aim at Donatly.

About Us

Donatly. is a non-profit movement empowering the awareness for blood and organ donation amongst the people . It is created to inform the person about others' critical conditions and automatically get a chance to donate blood or organs as per their choices. This is a safe space where people can read and get more information about the organ and blood donations, the procedure to do so, the pre-requisites and what could be the possible effects of doing so.

Functionalities

Pages

  1. Landing Page
    • The Landing Page is based on an animated background and is the common link to all pages.
    • There is a presence of a Chat-bot(On the bottom right corner of the page), with an automated quiz section.
    • A small description to the organization Donatly. is mentioned on the page.
    • Additionally, there are two buttons that redirect you to two sections of the web project.
    • A customized Logo has been created for Donatly. using "Canva" tools.
  2. Donor Page
    • This page is the section that gathers a collection of forms for Donations.
    • It contains two sections, each for different kinds of donations.
    • Contains a self-customized Scroll Bar.
    • NavBar appears on this page.
  3. Recipient Page
    • This page contains two sections, each one for different kinds of receiving different donations, i.e., Blood and Organ(s).
    • You can be redirected to Maps to check the closeby locations for collecting donations.
    • It is another page where the NavBar appears.
  4. About Us Page
    • Contains Images and Portfolios of all members in the Team.
    • Linked with GitHub, LinkedIn and Instagram of all Team Members.
    • Hover option on cursor proximity.
  5. Registration Form
    • Contains a form with details to fill for donating.
    • Has fields like Personal Details, Fitness details, Documents, etc.
  6. Test your Fitness
    • This page has features that used Tenserflow.
    • You can do few fitness exercises to keep yourself fit.
  7. Banks
    • Option to search banks and hospitals around your location.
  8. Events & News
    • Gives you options to find and register for donation drives and camps around.
    • This page can provide you with latest updates revolving around blood and organ donation(s).
  9. Read More/FAQs
    • This page gives you an overview of the processes that are involved in donation.
    • This is an awareness page for people to understand what could be the possible impacts of donations on people, be it, Receiver or the person Donating.
  10. Login/Signup Page
    • This is a common page for Signup/Login that is based from SAWO Labs API, that sends OTP to input email address.

Additional Features

  1. NavBar
    • Has page links of various interlinked pages, the logo of Mindy. and is well regulated.
  2. Scroll bar
    • A self customized Scroll bar to make the page more interactive.
  3. Customized Logo
    • We developed our own logo using "Canva" and its tools.
  4. Tab Symbol for Icon
    • In the section of the HTML File, we have represented the icon, i.e, just the image part of the logo in the tab.
  5. SAWO Labs Integration
    • Integration of SAWO Labs was something where we struggled at initially, but this proved out very helpful, as all the authentication, including OTPs are navigated through this interface.
  6. Chatbot
    • Our pages contain a snatchbot-based chatbot, where automated responses work out a series of questions to fill respective data.

Host Links and Other Resources

- YouTube Video - https://youtu.be/upDw36NinEI
- DevPost Project - https://devpost.com/software/donately/joins/R1NrM6CtQpdmLs1eQzI3PQ

Team Members

  • Abhinav Aggrawal
  • Anirudh Sharma
  • Shreya Joshi
  • Swati Gupta

A project by Runtime Terror

About

This is Made for helping the people who need blood or any kind of organ donation


Languages

Language:CSS 38.6%Language:EJS 28.1%Language:HTML 19.5%Language:JavaScript 13.7%