Skip to content

aditiii23/HopeGivers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

HopeGivers - The Best Smile you can Gift 🎁

💡Inspiration

  • As we all know, there are a lot of people who die due to a lack of warm clothes in winters and are in search of shade and thin cotton clothes in the summer season. We all can be a helping hand in such people’s life who suffer in these harsh weather conditions, be it summer or winter.

  • If we come to books, then also there is a great issue. Students keep on buying books and sell them for money later and those are left for nothing but only to bathe with dust, but if one thinks, those books can be donated to someone who is willing to become something in his life and wants to achieve his goals.

  • Nowadays, we don't find the best quality garments easily. Instead, they are mixed with synthetic fibres. On throwing it away, the entire thing will take forever to biodegrade. Hence, just throwing away the garments is harmful to nature as well.

  • Not even clothes, one can donate his toys and books as well from this website. This could be extremely joyous for small children and to the ones as well who want to study and accomplish much more in their lives!


⚙️ What it does?

HopeGivers is a web platform where you can upload and donate your used and discarded garrments, toys and books for the underprivileged. Either you will be contacted by Donation Centres or somebody in need of the items.

Features:

  • ⬆️ Upload: It provides a platform, where people can upload their discarded items for the needy person or the donation centres around them to get contacted.

LaunchPage

  • 🔍 Explore: A unique 3D Globe UI displaying items to be donated for people to determine location easily and request.

results_globe

request

  • 💙 Donation Centers: If someone doesn't wish to donate individually, they can contact other donation organizations. A single page displaying contact details of a few popular donation centres. donation_centres

Architecture:

The website is enabled to perform complete transaction cycle for a user such as Register, Email Verification, Add/Delete Items and Logout. There are also routes protected by both backend and frontend, to minimize unauthorized access (Access with invalid email, no login, wrong password). I have used JWT Tokens for Authentication.


How we built it

express git heroku mongodb postman React


  • Frontend: Reactjs, Javascript, HTML, CSS
  • Backend: Nodejs, Expressjs
  • Databse: MongoDB
  • Deployment: Heroku
  • Tools: Git

Challenges I ran into 🙁

❗️Enabling image upload: Initially, I was uploading the image in the website directory only. Therefore, the project got too large in size. Also, it was not a scalable solution. Then after hours of scanning the Internet, I found the correct way to use Cloudinary. And then instead of saving the blob, I saved the link in the schema.

❗️Deployment configurations for Heroku: The Website crashed multiple times on deployment and is on maintenance as nodemailer is to replaced with Google Oauth.


Accomplishments that I'm proud of 😇

Implementing the Globe UI. Since I am most comfortable in Backend Development, I always had in mind to come out of my comfort zone. This time I tried to implement a decent UI along with a twist to the conventional 2D UI. So, I'm pretty happy that my project's design has come out to be better than I had expected.


What I learned 🤔

  • Globe.js: This is an amazing Library. Getting hold of a new library in 48 hours was a tough task. Especially when it is a major portion of the project. Still, I managed to learn some of the implementations.
  • Cloudinary: I had never used the API to store and retrieve images before. So this was also new learning for me.
  • JWT Tokens: All my previous projects were session authentication based. So, this time I switched to a more secure method of Authentication, JWT.

What's next for HopeGivers- The Best Smile you can Gift :)

A lot of things can be done with this project.

  • Idea wise, we can get in touch with the donation centres and have a tie-up with them. And send a small token for every person who contributes.
  • We can also integrate Google Maps API so that during a road trip, people can stop in a way to donate the clothes.
  • Technically, the UI needs to be more responsive.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published