KnowYourClimate

This project is all about climate tracker and information related to particular country's climate.

Comment

Inspiration

A lot of time we have heard about climate problems, and if and only if every person care about climate and environment of his/her country, the world's climate could automatically get improved. So I thought of creating a climate tracker, which will provide information of each and every country's climate and ecosystem information at one place.

What it does

1.) First you will get to the landing page, which will provide you information about our web app and will lead you to our climate tracker page.

2.) Our climate tracker page will have markers on each country denoting good(light marker) and worst(dark marker) environment conditions of each and every country.

3.) There you can choose your country and gets report of your country by clicking on marker. This report will consist of air quality index and greenhouse gases composition in your environment.

4.) No separate or multiple web pages are made for different countries, instead single web page is used to adjust the information of each and every country.

How we built it

1.) HTML, CSS, and small part of bootstrap, for user interface of website. 2.) Functionality of Map and API's was done using JavaScript. 3.) MapBox is used to embed map on our webpage. 4.) Open Weather Map API, for getting weather data on web page. 5.) GitHub is used to maintain our project repository. 6.) VSCode used to built the project.

Challenges we ran into

1.) Embedding Map and adjusting it on our web page. 2.) Handling API response and integrating it with our web page.

Accomplishments that we're proud of

All challenges, I was ran into and I was getting irritated with were successfully achieved.

What we learned

1.) Use of MapBox 2.) Handing API response 3.) DOM(Document Object Manipulation)

What's next for KnowYourClimate

1.) Adding a slider on report page where composition of gases will be shown year wise for that particular country.

2.) Also to add a search bar where different country's information can be displayed by typing name of country only.

3.) Also to add weather information and personalized notifications.

Share this project:

Updates