Donatly is a project aiming to safeguard the masses that require any sort of blood, organ(s), or oxygen cylinders on an emergency or long-term basis. We all are aware that almost every second somebody in the nation requires blood, and how one person's blood can save at least two lives. Donatly provides a platform to Donate/Request/Explore/Know more about donating blood/organ(s). That's our ultimate aim at Donatly.

Donatly is a non-profit movement empowering awareness for blood and organ donation among people. It is created to inform individuals about critical conditions and provide them with an opportunity to donate blood or organs based on their choices. This is a safe space where people can read and get more information about organ and blood donations, the procedures involved, prerequisites, and the possible effects.

To run Donatly locally on your machine, follow these steps:

1. Make sure you have Node.js installed on your system.

2. Clone this repository to your local machine or download it as a ZIP file.

3. Open a terminal or command prompt and navigate to the project's directory.

4. Install the dependencies by running the following command: npm install

5. Once the installation is complete, start the application with the following command: npm start

6. Open your web browser and visit http://localhost:3000 to access the Donatly application.

1. Landing Page

   • The Landing Page is the collection of all content and is the common link to the rest pages.

   • There is a presence of a Chat-bot(On the bottom right corner of the page), with an automated quiz section.

   • A description to the organization Donatly. is mentioned on the page.

   • Additionally, there are links in the NavBar that redirect you to sections of the web project.

   • A customized Logo has been created for Donatly. using "Wix" tools.

     1. Myths and Reality
        • Identifying common Myths and spilling the beans, i.e., the Reality.
     2. Call for Assistance
        • A section for 24*7 customer assistance helpline number.
     3. Donors and Recipients across the Globe
        • We focus on creating and expanding a virtual army of blood/organ donating volunteers who could be searched and contacted further by the patients in times of need.
     4. Banks Nearby
        • Blood Banks
        • Organ Banks
        • Hospitals Nearby
        • Info on Oxygen Cylinders(Provided by multiple companies)
     5. Section on Events/News
        • More information is always better than less.
        • When people know the reason things are happening, even if it's bad news, they can adjust their expectations and react accordingly.
        • Keeping people in the dark only serves to stir negative emotions.
     6. Section on Testimonials
        • This section describes testimonies from past/present donors and recipients.
     7. About the Team Section
        • 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.
     8. Contact
        • Methods on how to contact us regarding queries post receiving or performing donations.
        • We will provide you excellent medical guidance/supervision for the same.
        • Includes - Location on Map, Phone, EMail, Form for Drafting Message(Responsive).
     9. Footer
        • Includes a gist of what the page consists.

2. Read More

   • 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.
   • Contains a self-customized Scroll Bar.

3. Registration Form

   • Contains a form with details to fill for donating, or for receiving the same.
   • Has fields like Personal Details, Fitness details, Documents, etc.

4. Test your Fitness

   • This page has features that used Tenserflow.
   • You can do few fitness exercises to keep yourself fit.

5. Banks/Hospitals/Oxygen Resources

   • Option to search banks and hospitals around your location.
   • Medical Providers: Provision from Industrially acclaimed companies for Medical Oxygen.

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

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

1. NavBar
   • Has page links of various interlinked pages, the logo of Donatly. 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 "Wix" 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.
7. PayPal Rest API
   • In the "Donate Us" Page, the use of PayPal Rest API enables the users to make donations to us.
8. Coil
   • Our site has been digitally web monetized using 'Coil'.
   • Providing Exclusive content and No Ads feature for Coil Members.

• YouTube Video - Watch on YouTube
• DevPost Project - View on DevPost
• Heroku Hosted Link - Visit Donatly

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

A project by Runtime Terror