- Welcome to our Trimester 3 Global Warming Statistics project.
- With this ongoing problem of climate change and recent natural catastrophes resulting from it, we wanted users to be informed of the extent to which this global crisis is harming populations and the environment.
- We wanted to make self interactive tracker to make global warming data accessible to all in order to keep others educated about the crisis.
- Other websites may be self bit difficult to navigate especially when cluttered with other news rather than purely climate change news. That's why we aim to create this clean website that will show you all the information that you will need to know!
- Learn more about our plan in the Project Plan below.
- Ali Saad (Ali-Saad): API Implementation
- Pragadeesh Raj (PragadeeshRaj): Frontend Templates/ Interactive Elements
- Navodit Maheshwari (Navodit1603): Databases and Statistic Organization
- Ayman Kazi (aymankazi9): Frontend Theme/ Formatting
- Paste this link into your browser window or simply click on the link.
- Website
- An alternate way to run the website is by obtaining the website code link by clicking on the green code button and copying the https link
- paste that https link in your IDE (VCS) to access the contents of the site and run the wsgi file
- You can learn about running this project on your IDE in this section:
- Go to Code home and click on the green "Code" button.
- Click on the clipboard next to the Git url.
- Open up your IDE and "Run from Version Control".
- Press "Ctrl + V" or "⌘ + V" and press the blue "Clone" button at the bottom.
- Once the project is opened up, be sure to change the interpreter to any version of Python 3.
- Run the project from wsgi.py, and you're all set!
- Here is where we started, we made self plan of action and hope to follow it closely and make this self website that can deliver all the needed info.
- Project Proposal Plan (includes SMART goals)
- It all started with our team wanting to design a project that would help people and have an actual pupose, which led to our idea of making a Climate Change Tracker.
- We brainstormed some ides on how we would go about doing this, and decided we should have some data pages and some other informational pages, with other various interactions for the user.
- We thought it would be best to relate it to the status of the Paris Agreement.
- As for the informational pages, we decided to include important facts that not only were relevant, but also guided the user in understanding what they could do.
- In general, our website provides a completely guided experience for the user that will help them see this global phenomenon through a different light.
To learn more about how this website was designed, its key elements, and the final product that it is now, visit the Deliverable page on our site where we have a detailed guide on each technical and its purpose.
- This week is the start of the final touches for the frontend.
- The Information page is complete, with all of the pages matching the theme of the website.
- Other tickets and tangibles can be found on the Scrum Board under the Review column and in the In Progress section.
- Runtime
- The API was created and ready to be used this week. This was done through the backend implementation of GET and POST routes and using Postman to input information into the created database via Postman parameter POST method.
- The first steps of the deployment process for N@TM was also complete with the platypodes climate change project successfuly running localhost on the class hardware
- Runtime
- Fixing the personal bluprint frontpage to match the theme of the site
- Adding Crud Functions for the subscribe feature
- Creating the Subscribe frontend
- App Route debugging in progress
- Runtime
- Blueprint
- Implemented a user-interactive survey page regarding climate change questions using a form (GET POST) in the backend and an html template in the front end with input sections, dropdowns, and a submit button
- Additionally, I added a pop up overlay feature with CSS to direct the user to the survey if they wish to do so.
- Runtime
- Implemented an extra html page/ source page that includes multiple articles used for FAQ's. Used approutes and embedded photos/links
- Runtime
- Mini Lab on Website
- Individual section (blueprint) in project for Mini Lab definition and execution.
- Defining self class to manage self complex data set and creating an object from self class in Python. (Link)
- Data displayed on self web page.
- The insight I gained while doing this project has to do with the getters. Because I did not utilize variables within my code, utilizing getters was very harder to do since I had no sort of user input section; my user input must be changed from within the python file itself. I also gained insight about how list.append works since I needed to brush up on that concept.
- Mini Lab on Website
- Individual section in project for Mini Lab definition and execution.
- Defining self class to manage self complex data set and creating an object from self class in Python. link
- Data displayed on self web page.
- Wow
- I learned to use some JavaScript while working on this project. I still don't understand it completely but I understand it way more than before. I used the Javascripts to see which fields were filled so I could perform the pythagorean theorem with the right variables. The empty fields are set to null or empty. I also made the triangle with javascript in hopes of having self triangle that changes dimentions as values are added but that was not acheivable this week. Link
- Mini Lab on Website
- Individual Blueprint
- Class with objects and other parameters created to manage self complex data set of pascal's values. (Code)
- Data displayed in self web page by default with 11 rows (10th degree polynomial).
- Input and button in the left corner to choose other order polynomials (other rows).
- Data displayed in self triangle as the pascal's triangle should be
- Code displayed at the bottom
- In this mini lab, there were many learning opportunities with lists and the prime usage of them as carriers of data. Lists were used to store data that would otherwise just be printed. It was interesting to see the various convoluted appends throughout the functions and classes to store the data and use POST to allow user interaction with the triangle.
- Mini Lab on Website
- Individual section (blueprint) in project for Mini Lab definition and execution. Running page on website.
- Defining self class to manage self complex data set and creating an object from self class in Python. (Link to code)
- Data displayed on self web page. (Link to code)
- Wow
- During this mini lab, I grasped the usage and practical application of self Python class and object. My mini lab focuses on mathematical operations, more specifically, factoring any number between 1 and 100,000.
- Completed Project Proposal Plan (includes SMART goals)
- The Project Plan outlines continous goals for our group members to work on throughout the trimester.
- Blueprints set up to support individual work
- Our scrum board contains "In Progress" tickets that are active and assigned for each member. See it here
- It also contains "Backlog" tickets defined for each member. See it here
- See the link above or click here to access the scrum board.
- Click here to see BluePrints in place in version control.
- GitHub commits toward each members "In Progress" ticket.
See the new website here
- April 20 2021
- Dark mode added to the information page, dark mode is soon to come for all other pages
- March 26 2021
- Created Blueprints to organize code and reduce conflict
- March 22 2021
- Created homepage with redesigned navigation
- Added self couple sample templates to start website
- March 15 2021
- Added base.html, home.html, view.py and wsgi.py as basic start to the website.
- Created Project Proposal Plan