Skip to content

Marcus-Oskarsson/Weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

weather

Weather app. School project: JavaScript @ IT-Högskolan

Technologies

  • JavaScript
  • HTML
  • CSS

View the website live

View it live

Description

A website that displays the current weather. The weather data is fetched from OpenWeather API and the user gets to search for a city. The weather is presented in a simple line chart built with Chart.js.

Key Features

Weather Search

One of the key features of my weather app is the ability for users to search for a specific city and view the current weather conditions. The weather data is fetched from OpenWeather API and presented to the user in a simple line chart built with Chart.js. The line chart allows users to easily view temperature over time, making it easy to understand the weather conditions. To search for a city, the user can enter the city name in the search bar and hit the search button, the weather data will be displayed in the chart.

Current Location Weather

In addition to searching for a specific city, the weather app also allows users to view the weather for their current location by using the Geolocation API. This feature allows users to easily view the weather for their current location, without having to manually search for it.

Weather app

Project goals

  • use fetch and display content dynamically.
  • Handle user interaction with eventListeners.
  • Visualize information using chart.js or similar libraries.

Future improvements

  • Video sizes are too big and need a fix. Could use an image as a background while the video is loading.