Landing Page to raise awareness about climate change with information about topics of interest, made with Bootstrap and GSAP for animations as well as using different APIs, the gallery part uses baguetteBox.js.
Home by clicking on the images opens a modal with more information and in that modal there is an embedded YT video with lazy loading, to improve performance.
In about there is a section with different APIS that are related to climate change as well as temperature and OpenWeatherMap that when entering a city and country from a select that is automatically filled with the countries shows the weather and an interactive map with Leaflet.JS, with a popup with more info.
AQI implements WAQI and when entering a city shows the air quality based on the AQI index respecting international standards.
CarbonInterface gives us the ability to calculate carbon emissions for many things in daily life, in this case it has impelmentado carbon emissions from electricity consumption and shipping packages.
Display shocking pictures of climate change in a gallery made by baguetteBox.js.