Welcome to Greenways - A Path to a Sustainable Future!
At Greenways, we are more than just a website! We are your dedicated partner on the journey towards a sustainable and environmentally conscious lifestyle. Our goal is clear - to empower individuals with the knowledge, tools, and inspiration needed to make a purposeful impact on our planet. As you navigate the site, you will find a wealth of information, from enlightening articles on sustainable travel, eco-friendly buildings, and responsible food choices to the practical tools that calculate your carbon footprint. We encourage you to explore, learn, and apply this knowledge to your daily life!

• Greenways
  • Site Overview
  • Planning Stage
    • Target Audience
    • User Stories
    • Site Goals
    • Wireframes
    • Color Scheme
    • Fonts
  • Features
    • Current Features
      • Header
      • Logo
      • Nav bar
      • Hero image
      • Footer
    • Features left to implement
  • Pages
    • Home page
    • Learn pages
    • Calculator page
    • Contact Us page
    • Confirmation page
  • Testing
  • Deployment
  • Credits
  • Content
  • Media
  • Future development

• Anyone interested in sustainable future and ideas how to achieve it
• Enviromental enthusiasts
• Home owners and builders
• Students and educators
• Sustainable travel enthusiasts
• Foodies and health enthusiasts

• As a user, I want to navigate the site easily - both on desktop and mobile
• As a user, I want to know the main intention of the site
• As a user, I want to know I can trust an organization
• As a user, I want to be able to communicate through site or social media easily
• As a user, I want to gain knowledge about greener future

• Create responsive website
• Create easy to navigate website
• To educate and inform users about sustainable lifestyle and give ideas to achieve it
• To give option to calculate carbon footprints
• Raise awareness
• Inspire and empower action towards greener future

For this project we made desktop and mobile wireframes to help with planning and design. While some changes were made as we went along, original wireframes can be found below:

• Desktop wireframes:
  • Home page
  • Learn pages
  • Calculator page
  • Calculator results page
  • Contact Us page
  • Confirmation page
• Mobile wireframes:
  • Home page
  • Learn pages
  • Calculator page
  • Calculator results page
  • Contact Us page
  • Confirmation page

As color scheme we chose earthy color pallete to suit the greener future theme and the site style.

As a font for website we chose Google font Montserrat Alternates to create easy to read and clean-looking website.

Fully responsive Nav bar available on desktop sizes, with hamburger to accomodate mobile sizes:

Hero image was chosen with site color scheme and sustainable future in mind, with a lightbulb as a symbol of ideas and innovations.

• Go to the heroku.com site.
• Click the signup button in the top right.
• Create an account on heroku.com.
• Confirm your account in the email heroku sent to your inbox.
• Create a password.
• Click and proceed.
• Accept the terms of service.
• Create a new app, create a name for your app "ci_pp3_ppm" and choose your region.
• Go to the settings section.
• Click Reveal Config Vars.
• Input your .json file. name in the 'Key' field, copy the .json file and paste it in 'Value' field. Also add a key 'PORT' and value '8000'.
• In the build packs section click add buildpack. For this project, I added 2 buildpacks 'Python' and 'node.js'. Make sure the Python build pack is above the Nodejs buildpack.
• Go to "Deploy" in "Deployment method" select "GitHub".
• Click 'Search' (Enter in your projects name that you have in your github repositry)and then 'Connect'. This project is connected to Chrisfaherty/CI_PP3_PPM.
• Choose the branch you want to buid your app from "main" .
• If prefered, click on "Enable Automatic Deploys", which keeps the app up to date when you push to git hub. Automatic deployments is turned on for this project.
• If the project doesn't deploy after selecting automatic deploy . In the Manual deploy section click Deploy Branch to deploy your code, this is what I had to do.
• Once the code is deployed it will show a button that you can click to view the deployed site. Then the project has sucessfully been deployed.

• Go to the GitHub repository.
• In the top right hand corner you can click on the fork button.
• This will fork the repositry.

• Credits and Thank You to all our team Carbon Crushers for input during the project and great communication via Slack channel chat, messages and calls.

  • Oran Cassidy - Scrum master
  • Christopher Faherty - Deployment
  • Thomas-Tomo Domitrovic - Design
  • Adriele Teodoro - Calculator page creator
  • Chinonso Olejeme - Contact us page creator
  • Viola Bergere - Content creator

• Thank You as well to Erik Vodopivec Forsman for keeping an eye on our team.

• All website content was written by Viola with few additions from our team Carbon Crushers mentioned in Credits section

• Wireframes were made using Balsamiq
• Font used for site was taken from Google fonts
• Images were sourced from:
  • Home page hero image Adobe Stock
  • Sustainable Travel hero image Vecteezy
  • Sustainable Food hero image Vecteezy
  • Sustainable Building hero image Vecteezy
• Logo was made using Looka
• Ideas for Learn pages taken from:
  • National Geographic
  • Failte Ireland
  • EUFIC
  • Sustain
  • Iberdola
  • SCSI

• Add more filters to Carbon calculator, such as vehicle choice by fuel type.
• Add extensive graphics for Carbon calculator