GreenBasket

Homepage
About page
Map
Map (list)
Producer page

Inspiration

According to Environment and Climate Change Canada (ECCC), food waste and food loss occurs everywhere throughout the food supply chain. However, a concerning 60% of these losses occurs prior to reaching consumers. Not only this has disastrous effects on the environment such as considerable CO2 emission, it is also a waste of resources. Therefore, we wanted to tackle the food lost happening during the production stage. Additionally, thanks to numerous non lucrative projects, communal gardens, green roofs and vertical gardens are rapidly making their way into the urban planning. However, as sustainable and green are these projects, they mostly remain unknown by their local neighborhood residents. Lastly, we wanted to have a user-friendly way of connecting local producers to consumers. Therefore, we wanted to make these resources more accessible.

What it does

GreenBasket provides users with a personalized interactive map showing local producers, markets and farmers based on their current location. Additionally, local producers can sign up to the website to sell their leftover crops. Some other links of the website promotes greener food consuming habits and promotes sustainability.

How we built it

Back-end: We used Google Map API to collect data about the location of local markets. This information was processed by Next.JS, our application framework. The data is processed in the server. Front-end: We used Typescript as well as Next.JS to render the user's interface. We used CSS and Tailwind CSS to style the user interface.

Challenges we ran into

We wanted to turn in a complete project on a short time scrunch. Integrating Google Maps to our project came challenging at times. Since Typescript was unknown to some of us, debugging sometimes took vey long. For someone unfamiliar with CSS, it was fun to discover the features but also time-consuming.

Accomplishments that we're proud

We are proud to submit a complete complex subject in our first hackathon from its feature set to its deployment on an actual website. We were able to include many fun features in this project. Although we would make mistakes, we learned from them.

What we learned

We learned many parts of this project on our own. For example, we had to learn to set up MongoDB by ourselves. Some of us discovered how to include APIs in a coding project. For a few, the Typescript programming language is a newly developed skill.

What's next for GreenBasket

We would like to make it possible for users to look up for a specific product within their region. We would also like to make it possible to click on the address of the found commerce for users to check out the business.