Project Greenprint Frontend

---

About

A travel app for the environmentally conscious. Simply enter origin and destination locations in the search function and receive available routes for transit, car, cycle, walking and flight along with their carbon emissions. Sign up for additional features such as being able to save journeys and view them in your personalised dashboard!

Visit our site at https://project-greenprint.herokuapp.com/

You can use this with our backend API: https://github.com/natyeo/Project_Greenprint_Backend or your own.

DEMO

Team

Setup

Clone this repository. Once inside the root folder run the following command to install dependencies.

npm install

To run the server locally, type npm start Application will run on localhost:3000

Testing

To run end-to-end tests: npx cypress open For unit tests: npm test

Usages

• User can search for the available routes(mode/distance/time/carbon emission)for ground and air journey
• User can be redirected to the Google Maps route for that specific route
• User can sign up/login to save their journey
• User can go to dashboard section to view a breakdown of their journey history

Overview of the app

Plan a ground journey

Redirect to Google Map

Plan a flight

Save journey to dashboard

Dashboard

The dashboard is based on history journey data (available upon signing up) of that specific user, where we display a detailed analysis of:

• carbon(kg) per journey taken by transport mode (rail, car, or plane)
• distance(miles) travelled by transport mode
• total carbon(kg) by mode of transport

API local usage

API runs with the following technologies:

• Node JS
• React

API tested with the following frameworks:

• Jest
• Cypress