-
-
People Who are not signed In will be shown this webpage.
-
People Who are not signed In will be shown this webpage. Cards
-
People Who are not signed In will be shown this webpage. Footer
-
Sign Up form.
-
Sign In.
-
User Homepage where he can see the donate button and history of his/her donations.
-
A contact form for the donor if he wants to get in touch with admin's.
-
The admin dashboard where he can see the graphical analysis, and the request.
Inspiration
A recent Article Here say's it all. 20kg's of unused medicines from the people who have recovered. After recovering people throw away all the medicines or just stock it for future. But today in such devastating pandemic people are not able to get there hands on such life saving drugs due to shortage of them. What if I told you this life saving drugs could be used again and thus more lives can be saved. More families could be happy. And me, you all could be part of it.
What it does
My web application Helpers let's user see and decide whether he/she wants to donate the unused medicines as we tell them how donation works in smart contracts and how every medicine donated by them could be tracked. Explain them the benefits such as trust, transparency and security. It let's them contact the admin's to clarify there doubts, Donate as many time they want and let's the NGO's or the admin's see the request and contact the donor at the same. Providing graphical analysis for the admin's and NGO's for the number of donors the past week daywise distribution, and % change in number of donors in past couple of months.
How I built it
I used reactjs for the frontend as the logic is bit complicated so reactjs helped making it easy to a certain extent. For the Login/Logout system I used the Firebase Authentication powered by google. As it provided security. For the Variables which are not required on the smart contracts I made the database on mongodb using express and node js. Keeping a record for the individual donations for a particular person is what my route are designed to do. And the interesting part of the project I worked on is developing the smart contracts using solidity and truffle. Compiling them error free and integrating into our website using web3 and metamask. Writing Functions for generating unique key's also using react-router-dom in moving across my website.
Challenges I ran into
One of the difficulties faced is writing the logic for a single donor capable of donating multiple med's in solidity. And overcoming the stack too deep error on compiling by reducing the number of variables. Then the cors error as my backend was running on 5000 and react was running on 3000. Building complex logic for multi-actor login/logout system and writing functions for it. Using proper CSS for my website as it frustrated me a lot. Connecting my metamask with website as every time I shut my website down it the website data was cleared so nonce was set to zero but metamask cached the data so it's nonce was not set to zero. It took me a lot of time figuring it out. As the nonce should match inorder to complete a successful transaction.
Accomplishments that I 'am proud of
Making a product in such short amount of time which will help the community and Neighborhood in many great ways. Digitalizing this process which is carried out by so many individuals offline and most importantly helping to save a life with this idea and hack is what I am most proud of. Involving Blockchain and it's concepts in improving the hack is a thing I will cherish forever.
What I learned
More concepts involving React component classes and things such as componentWillMount, Connecting and integrating blockchain technology into my website. Using the bootstrap grid, Learning to comment the code and trying to write it neat and clean. Using the axios package efficiently.
What's next for Helpers
In one of my previous projects I increased the traceability of the poultry products and I want to do so with my medicines so the donor would know where the medicine he donated has went. Making a happy feedback kind of thing where the people can thank and share there covid'19 stories of there recoveries. Making a PWA of this app and what not. I started this hack with just a idea I worked on it. And now it has opened what not to speak of and implement. Certainly I will include more team members and built a finished product out of it and try to help as many people as I can with it.
Log in or sign up for Devpost to join the conversation.