From 9e5c154da8629e59b4c663bf293f537d69130759 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Mon, 30 Sep 2019 11:12:31 -0400 Subject: [PATCH 01/13] Create proposad.md --- proposad.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 proposad.md diff --git a/proposad.md b/proposad.md new file mode 100644 index 00000000..12c65e07 --- /dev/null +++ b/proposad.md @@ -0,0 +1,6 @@ +Carbon Footprint +=== + +Team members: Georgina Gromwell, Corrin Courville, Kaitlin McDermott + +Project Purpose: From ca0dd39531364ff3f2f0139435ffacbcea7605a5 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Mon, 30 Sep 2019 11:14:04 -0400 Subject: [PATCH 02/13] Update and rename proposad.md to proposal.md --- proposad.md | 6 ------ proposal.md | 8 ++++++++ 2 files changed, 8 insertions(+), 6 deletions(-) delete mode 100644 proposad.md create mode 100644 proposal.md diff --git a/proposad.md b/proposad.md deleted file mode 100644 index 12c65e07..00000000 --- a/proposad.md +++ /dev/null @@ -1,6 +0,0 @@ -Carbon Footprint -=== - -Team members: Georgina Gromwell, Corrin Courville, Kaitlin McDermott - -Project Purpose: diff --git a/proposal.md b/proposal.md new file mode 100644 index 00000000..aaaacce6 --- /dev/null +++ b/proposal.md @@ -0,0 +1,8 @@ +Carbon Footprint +=== + +Team members: Georgina Gromwell, Corrin Courville, Kaitlin McDermott + +Project Purpose: +The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. + From 1287527f66e3e239fc8477868f70229299ed5677 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Mon, 30 Sep 2019 11:15:33 -0400 Subject: [PATCH 03/13] Update proposal.md --- proposal.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/proposal.md b/proposal.md index aaaacce6..af8b3b4a 100644 --- a/proposal.md +++ b/proposal.md @@ -1,8 +1,9 @@ Carbon Footprint === -Team members: Georgina Gromwell, Corrin Courville, Kaitlin McDermott +#Team members: +Georgina Gromwell, Corrin Courville, Kaitlin McDermott -Project Purpose: +#Project Purpose: The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. From 7ec815c122120e61b2e04d8d6c0b52706d89f0ec Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Mon, 30 Sep 2019 11:15:54 -0400 Subject: [PATCH 04/13] Update proposal.md --- proposal.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/proposal.md b/proposal.md index af8b3b4a..6eb87c21 100644 --- a/proposal.md +++ b/proposal.md @@ -1,9 +1,9 @@ Carbon Footprint === -#Team members: +Team members: # Georgina Gromwell, Corrin Courville, Kaitlin McDermott -#Project Purpose: +Project Purpose: # The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. From c99d858aef195230458d0339fc3622d6bd6f8951 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Mon, 30 Sep 2019 11:24:25 -0400 Subject: [PATCH 05/13] Update proposal.md --- proposal.md | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/proposal.md b/proposal.md index 6eb87c21..eccd279c 100644 --- a/proposal.md +++ b/proposal.md @@ -1,9 +1,24 @@ Carbon Footprint === -Team members: # +# Team members: Georgina Gromwell, Corrin Courville, Kaitlin McDermott -Project Purpose: # -The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. +# Project Purpose: +The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. It will raise awareness to all the little things in your daily routine that can be changed. +# Project Details: +- user logs in using passport +- server using express +- data visualization through d3 / svg +- user puts in information such as: + - how many coffees they've drank today? did you use a reusable cup? + - did you drive today, if so how long? + - how much time did you take in the shower? + - how much meat did you eat today? + - did you go grocery shopping? did you use reusable bags? + - do you wash your clothes in hot or cold water ? +- After login, there will be three views: + - data input + - user's data visualization + - comparision of all user's data From 254c382b5aa6eea9ac7312af43421f3ddba01022 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Mon, 30 Sep 2019 11:25:35 -0400 Subject: [PATCH 06/13] Update proposal.md --- proposal.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/proposal.md b/proposal.md index eccd279c..87c51e1f 100644 --- a/proposal.md +++ b/proposal.md @@ -22,3 +22,9 @@ The impact that you have on the environment is greater than you think. The purpo - data input - user's data visualization - comparision of all user's data + +# General Goals of Projects: +- user friendly UI +- asthetically pleasing visualiztion +- impactful and thought provoking +- causing change From b7d85943d5ce04f8bae392245ccac5abe03c07cb Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Thu, 3 Oct 2019 13:11:38 -0400 Subject: [PATCH 07/13] Update proposal.md --- proposal.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/proposal.md b/proposal.md index 87c51e1f..27051fe3 100644 --- a/proposal.md +++ b/proposal.md @@ -2,7 +2,7 @@ Carbon Footprint === # Team members: -Georgina Gromwell, Corrin Courville, Kaitlin McDermott +Georgina Cromwell, Corrin Courville, Kaitlin McDermott # Project Purpose: The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. It will raise awareness to all the little things in your daily routine that can be changed. From 4a9d481d3d83dbc0d9612ef05c211525f76b64ff Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Wed, 9 Oct 2019 18:58:49 -0400 Subject: [PATCH 08/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 39e2788d..af422a8d 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# cs4241-FinalProject +# Carbon Footprint For your final project, you'll implement a course project that exhibits your mastery of the course materials. Similar to A4, this project gives you an opportunity to be creative and to pursue individual research and learning. From e0c9f3edc2d9b7938138299925eb59305f26c8da Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Wed, 9 Oct 2019 19:17:28 -0400 Subject: [PATCH 09/13] Update README.md --- README.md | 25 ++++++++++--------------- 1 file changed, 10 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index af422a8d..b78c24a8 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,18 @@ # Carbon Footprint - -For your final project, you'll implement a course project that exhibits your mastery of the course materials. -Similar to A4, this project gives you an opportunity to be creative and to pursue individual research and learning. +###Team: Georgina Cromwell, Corrin Courville, Kaitlin McDermott +Website: https://final-project-gcc-cmc-kmd.glitch.me/ ## General description -Your project should consist of a complete Web application, exhibiting facets of the three main sections of the course material: +Our website incorperates the following: + +- user login using passport +- css using bootstrap : +- css built from scratch +- data visualization using d3.js +- db using mongodb +- server using express -- Static Web page content and design. You should have a project that is accessible, easily navigable, and features significant content. -- Dynamic behavior implemented with JavaScript. -- Server-side programming *using Node.js*. Typically this will take the form of some sort of persistent data, authentication, and possibly server-side computation. Additionally, you should incorporate features that you independently research, design, and implement for your project. @@ -41,11 +44,3 @@ Submit a second PR on the final project repo to turn in your app and code. Deploy your app, in the form of a webpage, to Glitch/Heroku/Digital Ocean or some other service. Folks on the same team do not need to post the same webpage, but must instead clearly state who is on the team in their proposal. (Staff will use the proposal to build the grading sheet.) - -## Final Presentation - -Presentations will occur during the final day of class. - -## FAQs - -- **Can I use XYZ framework?** You can use any web-based frameworks or tools available, but for your server programming you need to use node.js. From ee80b494c91badc88ddfc80af06dc293a5d3786c Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Wed, 9 Oct 2019 19:17:46 -0400 Subject: [PATCH 10/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b78c24a8..1662e7bb 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # Carbon Footprint -###Team: Georgina Cromwell, Corrin Courville, Kaitlin McDermott +### Team: Georgina Cromwell, Corrin Courville, Kaitlin McDermott Website: https://final-project-gcc-cmc-kmd.glitch.me/ ## General description From b549ecbccc437c47419a6112a1c5fd9e1c75ce54 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Wed, 9 Oct 2019 20:03:16 -0400 Subject: [PATCH 11/13] Update README.md --- README.md | 78 ++++++++++++++++++++++++++++++------------------------- 1 file changed, 42 insertions(+), 36 deletions(-) diff --git a/README.md b/README.md index 1662e7bb..76ee5dde 100644 --- a/README.md +++ b/README.md @@ -2,45 +2,51 @@ ### Team: Georgina Cromwell, Corrin Courville, Kaitlin McDermott Website: https://final-project-gcc-cmc-kmd.glitch.me/ -## General description +## Project Purpose: +The impact that you have on the environment is greater than you think. The purpose of our web application is for a user to understand just how great their impace is on the environment. It will raise awareness to all the little things in your daily routine that can be changed. -Our website incorperates the following: +## How to Use: +- Create a username and password by pressing the sign-up button +- login with the username and password you created +- on the home page, there are two data displays that are blank. +- to add data, go to *submit a weekly report* and fill out the form +- upon subit, you will be brought to the home page where teh data will display +- as you add data using the *weekly report*, the data displays will populate. + +## Technical Achievements: - user login using passport -- css using bootstrap : +- css using bootstrap - css built from scratch -- data visualization using d3.js -- db using mongodb +- data visualization using plotly (which is built off of d3/svg) +- persistant data using mongodb - server using express +- user inputs information using a form +- After login, there are two views: + - data input (weekly form) + - user's data visualization + +## Design Achievements: +- user friendly UI +- easy navigation between different views +- asthetically clean and pleasing visualiztion +- font and colors that make the text easy to read +- impactful and thought provoking + +## Project Challenges +- Getting the data visualization using plotly to work properly : we tried getting d3 to work and had a hard time time with it +- difficulties handling and processing the data in and out of the MongoDB +- Alot of time spent in the UI design (page layout, text, fonts, colors, etc) +- +## Background Research Questions +- what is a carbon footprint ? +- How is carbon output calculated ? +- What are a good sample of questions to represent a well-rounded carbon footprint? +- What is plotly and how do you implement it? +- what makes a good UI ? + +## Responsabilities +- Georgina Cromwell : data display/homepage stuff, signup stuff +- Corrin Courville : weekly update stuff, signup stuff +- Kaitlin McDermott : all of the css and visual formatting - -Additionally, you should incorporate features that you independently research, design, and implement for your project. - -## Project ideation - -Excellent projects serve someone/some group; for this assignment you need to define your users and stakeholders. I encourage you to identify projects that will have impact, either artistically, politically, or in terms of productivity. Consider creating something useful for a cause or hobby you care about. - -## Logistics - -### Team size -Students are encouraged to work in teams of 2-5 students for the project. This will allow you to build a good project without expending an excessive amount of effort. While I would expect a team of four or five students to produce a project with more features, I expect a every team's work to exhibit all of the required facets described above. - -### Deliverables - -__Proposal:__ -Provide an outline of your project direction and the names of the team members. -The outline should have enough detail so that staff can determine if it meets the minimum expectations, or if it goes too far to be reasonable by the deadline. -This file must be named proposal.md so we can find it. -Submit a PR to turn it in by Monday, September 30th, before class - -There are no other scheduled checkpoints for your project. -You must be done in time to present before the final project demo day (October 10th). - -#### Turning in Your Outline / Project - -**NOTE: code is due before the project presentation day due to the end of term / grading schedule constraints** -Submit a second PR on the final project repo to turn in your app and code. - -Deploy your app, in the form of a webpage, to Glitch/Heroku/Digital Ocean or some other service. -Folks on the same team do not need to post the same webpage, but must instead clearly state who is on the team in their proposal. -(Staff will use the proposal to build the grading sheet.) From c8112580727a4ea3382725795c4aeeb4f7e588c4 Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Wed, 9 Oct 2019 20:05:04 -0400 Subject: [PATCH 12/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 76ee5dde..d47339ea 100644 --- a/README.md +++ b/README.md @@ -37,7 +37,7 @@ The impact that you have on the environment is greater than you think. The purpo - Getting the data visualization using plotly to work properly : we tried getting d3 to work and had a hard time time with it - difficulties handling and processing the data in and out of the MongoDB - Alot of time spent in the UI design (page layout, text, fonts, colors, etc) -- + ## Background Research Questions - what is a carbon footprint ? - How is carbon output calculated ? From f1ae6ad73fbfa7f995f86b8d022add41e3d3f49a Mon Sep 17 00:00:00 2001 From: cmcourville <32441018+cmcourville@users.noreply.github.com> Date: Thu, 10 Oct 2019 11:05:59 -0400 Subject: [PATCH 13/13] Update README.md --- README.md | 36 +++++++++++++++++++----------------- 1 file changed, 19 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index d47339ea..830a2ddc 100644 --- a/README.md +++ b/README.md @@ -10,21 +10,22 @@ The impact that you have on the environment is greater than you think. The purpo - login with the username and password you created - on the home page, there are two data displays that are blank. - to add data, go to *submit a weekly report* and fill out the form -- upon subit, you will be brought to the home page where teh data will display +- upon submit, you will be brought to the home page where the data will display - as you add data using the *weekly report*, the data displays will populate. +- the user can also interact with the graph: download as a png, zoom, and select different data points ## Technical Achievements: -- user login using passport -- css using bootstrap +- user login using Passport +- css using Bootstrap - css built from scratch -- data visualization using plotly (which is built off of d3/svg) -- persistant data using mongodb -- server using express +- data visualization using Plotly (which is built off of d3/svg) +- persistant data using Mongodb +- server using Express - user inputs information using a form - After login, there are two views: - data input (weekly form) - - user's data visualization + - user's data visualization (table and updating graph) ## Design Achievements: - user friendly UI @@ -34,19 +35,20 @@ The impact that you have on the environment is greater than you think. The purpo - impactful and thought provoking ## Project Challenges -- Getting the data visualization using plotly to work properly : we tried getting d3 to work and had a hard time time with it -- difficulties handling and processing the data in and out of the MongoDB -- Alot of time spent in the UI design (page layout, text, fonts, colors, etc) +- Getting the data visualization using Plotly to work properly : we spent a lot of time researching data visualization and different tools after trying to get d3 to work (we had difficulties getting it to work) +- Researching how to calculate a carbon footprint specifically for students was difficult because most carbon footprint calculations involve electricity/water bills. Instead we individually researched daily habits and figured out their carbon footprint. +- Difficulties handling and processing the data in and out of the MongoDB +- A lot of time spent in the UI design (page layout, text, fonts, colors, etc) ## Background Research Questions -- what is a carbon footprint ? +- What is a carbon footprint ? - How is carbon output calculated ? -- What are a good sample of questions to represent a well-rounded carbon footprint? +- What are a good sample of questions to represent a well-rounded carbon footprint? +- Link to source of initial algorithm: https://www.teachengineering.org/content/cub_/lessons/cub_whatkindoffootprint/cub_footprint_lesson01_worksheet_v3_tedl_dwc.pdf - What is plotly and how do you implement it? -- what makes a good UI ? +- What makes a good UI ? ## Responsabilities -- Georgina Cromwell : data display/homepage stuff, signup stuff -- Corrin Courville : weekly update stuff, signup stuff -- Kaitlin McDermott : all of the css and visual formatting - +- Georgina Cromwell : Data Display/Homepage JS and MongoDB, Signup JS and MongoDB +- Corrin Courville : Weekly update JS and MongoDB, signup JS +- Kaitlin McDermott : All of the CSS, HTML, and visual formatting