Introduction

Over the last decade, eating out has become increasingly common, with many people eating out once a week. Despite this, people don’t have access to information about the ecological footprint of restaurants and cafes. Our project aims to provide environmentally conscious users with this information so they can make an informed decision when choosing restaurants and cafes. This project will also put pressure on restaurants to choose more ecological methods and produce since this data is available to any potential customers.

Who is it solving the problem for?

Our project is aimed at those who are environmentally conscious and wish to be able to make an informed decision when choosing restaurants and cafes. The users will most likely be well educated and relatively tech savvy with limited time to research the ecological impact of any individual restaurant.

What it does

The prototype is a web application that demonstrates the basic functionality of our project. One of the main features of our project are our badges. Each badge represents a different factor that contributes to a restaurants ecological footprint, including water efficiency, waste management, vegetarian options and the locality of food sources. A restaurant is given a badge if enough users leave positive reviews for that badge. Users can also leave negative reviews which add up to negative badges. This way users know if a restaurant or café is bad for environmental factors. Users post reviews and fill out a short questionnaire that will impact the badges a restaurant has. Users can also easily find restaurants by location, cuisine and name, but also by badges the restaurant or café may have. This way users can decide which factors are most important to them personally.

How it works

The prototype of our project is a single page application (SPA) using Vue.js (with Vue Router). This is so users can easily navigate the application. When the application is launched, the website communicates with a postgresSQL database to populate the Vue store (Vuex) with restaurants and cafes. If a search term or badge filter is used, the restaurants and cafes are filtered in the backend before the Vue store is populated. The application state, including button positions and currently open modals, are held in the Vue store.

How we implemented Jord

The backend of the web application is hosted in I, and includes a database of all restaurants, reviews and badges. The frontend of the web application is hosted in Vue.

List of 3rd party materials and APIs

logo creator: link Icons and badges: link Zomato API: https://developers.zomato.com/api (for restaurants names, location, Zomato rating) google maps API: https://developers.google.com/maps/documentation/javascript/tutorial (getting restaurants closest to you)

What's next for Jord?

We are looking to expand into different businesses such as supermarkets, Hardware and general stores. We are also looking into designing a mobile phone application.

Built With

Share this project:

Updates