## Inspiration

With the recent Corona Virus outbreak, we noticed a major issue in charitable donations of equipment/supplies ending up in the wrong hands or are lost in transit. How can donors know their support is really reaching those in need? At the same time, those in need would benefit from a way of customizing what they require, almost like a purchasing experience.

With these two needs in mind, we created Promise. A charity donation platform to ensure the right aid is provided to the right place.

## What it does

Promise has two components. First, a donation request view to submitting aid requests and confirm aids was received. Second, a donor world map view of where donation requests are coming from.

The request view allows aid workers, doctors, and responders to specificity the quantity/type of aid required (for our demo we've chosen quantity of syringes, medicine, and face masks as examples) after verifying their identity by taking a picture with their government IDs. We verify identities through Microsoft Azure's face verification service. Once a request is submitted, it and all previous requests will be visible in the donor world view.

The donor world view provides a Google Map overlay for potential donors to look at all current donation requests as pins. Donors can select these pins, see their details and make the choice to make a donation. Upon donating, donors are presented with a QR code that would be applied to the aid's packaging.

Once the aid has been received by the requesting individual(s), they would scan the QR code, confirm it has been received or notify the donor there's been an issue with the item/loss of items. The comments of the recipient are visible to the donor on the same pin.

## How we built it

Frontend: React  
Backend: Flask, Node  
DB: MySQL, Firebase Realtime DB  
Hosting: Firebase, Oracle Cloud  
Storage: Firebase  
API: Google Maps, Azure Face Detection, Azure Face Verification  
Design: Figma, Sketch

## Challenges we ran into

Some of the APIs we used had outdated documentation.
Finding a good of ensuring information flow (the correct request was referred to each time) for both the donor and recipient.

## Accomplishments that we're proud of

We utilized a good number of new technologies and created a solid project in the end which we believe has great potential for good.

We've built a platform that is design-led, and that we believe works well in practice, for both end-users and the overall experience.

## What we learned

Utilizing React states in a way that benefits a multi-page web app
Building facial recognition authentication with MS Azure

## What's next for Promise

Improve detail of information provided by a recipient on QR scan. Give donors a statistical view of how much aid is being received so both donors and recipients can better action going forward.

Add location-based package tracking similar to Amazon/Arrival by Shopify for transparency
## Inspiration

Despite being a global priority in the eyes of the United Nations, food insecurity still affects hundreds of millions of people. Even in the developed country of Canada, over 5.8 million individuals (>14% of the national population) are living in food-insecure households. These individuals are unable to access adequate quantities of nutritious foods.

## What it does

Food4All works to limit the prevalence of food insecurity by minimizing waste from food corporations. The website addresses this by serving as a link between businesses with leftover food and individuals in need. Businesses with a surplus of food are able to donate food by displaying their offering on the Food4All website. By filling out the form, businesses will have the opportunity to input the nutritional values of the food, the quantity of the food, and the location for pickup.

From a consumer’s perspective, they will be able to see nearby donations on an interactive map. By separating foods by their needs (e.g., high-protein), consumers will be able to reserve the donated food they desire. Altogether, this works to cut down unnecessary food waste by providing it to people in need.

## How we built it

We created this project using a combination of multiple languages. We used Python for the backend, specifically for setting up the login system using Flask Login. We also used Python for form submissions, where we took the input and allocated it to a JSON object which interacted with the food map. Secondly, we used Typescript (JavaScript for deployable code) and JavaScript’s Fetch API in order to interact with the Google Maps Platform. The two major APIs we used from this platform are the Places API and Maps JavaScript API. This was responsible for creating the map, the markers with information, and an accessible form system. We used HTML/CSS and JavaScript alongside Bootstrap to produce the web-design of the website. Finally, we used the QR Code API in order to get QR Code receipts for the food pickups.

## Challenges we ran into

Some of the challenges we ran into was using the Fetch API. Since none of us were familiar with asynchronous polling, specifically in JavaScript, we had to learn this to make a functioning food inventory. Additionally, learning the Google Maps Platform was a challenge due to the comprehensive documentation and our lack of prior experience. Finally, putting front-end components together with back-end components to create a cohesive website proved to be a major challenge for us.

## Accomplishments that we're proud of

Overall, we are extremely proud of the web application we created. The final website is functional and it was created to resolve a social issue we are all passionate about. Furthermore, the project we created solves a problem in a way that hasn’t been approached before. In addition to improving our teamwork skills, we are pleased to have learned new tools such as Google Maps Platform. Last but not least, we are thrilled to overcome the multiple challenges we faced throughout the process of creation.

## What we learned

In addition to learning more about food insecurity, we improved our HTML/CSS skills through developing the website. To add on, we increased our understanding of Javascript/TypeScript through the utilization of the APIs on Google Maps Platform (e.g., Maps JavaScript API and Places API). These APIs taught us valuable JavaScript skills like operating the Fetch API effectively. We also had to incorporate the Google Maps Autofill Form API and the Maps JavaScript API, which happened to be a difficult but engaging challenge for us.

## What's next for Food4All - End Food Insecurity

There are a variety of next steps of Food4All. First of all, we want to eliminate the potential misuse of reserving food. One of our key objectives is to prevent privileged individuals from taking away the donations from people in need. We plan to implement a method to verify the socioeconomic status of users. Proper implementation of this verification system would also be effective in limiting the maximum number of reservations an individual can make daily.

We also want to add a method to incentivize businesses to donate their excess food. This can be achieved by partnering with corporations and marketing their business on our webpage. By doing this, organizations who donate will be seen as charitable and good-natured by the public eye.

Lastly, we want to have a third option which would allow volunteers to act as a delivery person. This would permit them to drop off items at the consumer’s household. Volunteers, if applicable, would be able to receive volunteer hours based on delivery time.
## Inspiration

It takes a long time for new vaccines and medications to be produced and tested due to the limited fundings those institutions receive. We hope to find a way to expedite this process. FundMyHealth aims to **decentralize pharmaceuticals** by publicizing ownership of drugs patients need access to. This is done through a share-based system modeled off of modern stock markets.

## What it does

We strive to make new medications and vaccines more affordable for patients across North America by creating an open market for researchers to sell patents to drugs similar to how a stock is traded on the open market. In this way, privately-owned companies are unable to monopolize the pharmaceutical industry, allowing greater public access to vital drugs and treatments.

## How I built it

We built an event-driven application using Solace, similar to the London Stock Exchange, using Android Studio/React for the frontend and an ExpressJS Node.js for our backend. Using an event-driven architecture, vital share prices of drugs are funneled from our ExpressJS server to the React frontend in an asynchronous manner. Additionally, querying the Solace message broker allowed us to use wildcards to customize our queries similar to a multi-dimensional OLAP database - allowing us to cut and drill-through data.

## Challenges I ran into

* Learning the API to connect the front/backend
* Learning CSS
* Performing data visualization on the stock data
## Accomplishments that our team is proud of
## What I learned
-How to design a project from prototype to implementation
* Backend tools such as Node.js
-Solace API to communicate between client/server
## What's next for FundMyHealth
* Implement blockchain on the backend to secure user transactions on the market.
* Polish the UI