Wall of Kindness

Click here to see the deployed version

UofT Coding Bootcamp - Final Project

Developed by:

** Aparajita - GitHub **

** Aboozar Mojdeh - GitHub **

** Marshall - GitHub **

** Luke Ramsay - GitHub **

Why Wall of Kindness?

There is so much waste in our day-to-day lives and so many people that require basic items. We want to connect them to those that want to help but unsure how to proceed

• Food or any other donations at the moment isn’t accessible to everyone through an online platform
• We knew that food wastage is a big issue in Canada, whereby approximately 170kg of food is wasted in Toronto per person/year
• We know that people that need such services the most, might not be willing to create an account or have access to internet
• Our app can be accessed through mobile and for those without internet, through wifi offered by the Toronto public library

Problems to Solve

• Make it easy for guests to search for donations through our app without the need for an account with us
• Guests can also see through the search results the closest gift donation based on distance in km
• We allow users to directly request an item through email
• Autocomplete feature makes it easy for guests to see the items available in our database
• Easy for users to add/remove gifts from their dashboard

User Story

• As an angel we want to be able provide any items or products that can be given away to those in need.
• As a recipient, we want to be able to have quick and easy access to food, items and other household items when we need them the most.

Our application was structured from two perspectives:

Angel:

• Register with the app
• Update their profile
• Add gifts for donation
• Remove gifts from donation.
• Receive emails from guests for donation.

Guest:

• Search for Gifts
• Request Gifts via email
• Get results based on closest donors in KM

Technologies used:

Front-end:

• React
• React Router
• Bootstrap
• HTML5
• CSS3
• Toaster

Back-end:

• Node Js
• express
• Mongoose
• Axios
• Yarn
• JWT

Future Developments

• Update Wall feature
• Drag and drop items with list items
• Sort geolocation based on location and range.
• Sending gift requests based on SMS or in-app communication
• Allow organizations to create an account as a user.
• Ability to add task functions with multiple rates associated.
• Change Mongo to MySQL to make data more relational
• Make an Android and iOS application

Cloning down the repo

If you wish to clone the app down to your local machine...

1. Ensure that you have MongoDB set up on your machine
2. Once you are set up, cd into this repo and run npm install or yarn install.
3. Then open another bash or terminal window and run mongod
4. Run the script with yarn start.
5. The app will automatocally open the localhost:3000 in your browser.
6. Enjoy!!!