Skip to content

Corneliaryas/project-weather-app

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code
This branch is 31 commits ahead, 1 commit behind Technigo:master.

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

Weather App

Weather app created with API from Open weather (https://openweathermap.org/). Focus was to learn to fetch data from an API and present that in a webpage. Made during Technigo Bootcamp 2020.

The problem

I started with getting the basic data from one city in the API to show in the console log and then in the HTML. When this was working I continued with the design in CSS. I added more cities and geolocation, which I found to be the most challenging. I used a callback function to get the coordinates to be inserted in the API adress, which I'm sure could be done in a much simpler way. I focused a lot on showing visual cues on weather type, both with using classes in CSS and CSS animations, they are displayed or hidden based on the weather data. If I had more time I would like to add more weather types and show more data from the API, preferably when clicked on a weekday or in tablet and desktop views.

View it live

https://weather-project-cornelia.netlify.app/

Releases

No releases published

Packages

No packages published

Languages

  • CSS 48.2%
  • JavaScript 37.6%
  • HTML 14.2%