Skip to content
This repository was archived by the owner on Mar 23, 2026. It is now read-only.

weather-app.md

Latest commit

 

History

History
38 lines (32 loc) · 1.3 KB

weather-app.md

File metadata and controls

38 lines (32 loc) · 1.3 KB
title Weather Web App
description Build a weather app that fetches and displays weather for a given location.
isNew false
sort 31
difficulty intermediate
nature API
skills
Programming Language
3rd Party APIs
JavaScript
HMTL
CSS
seo
title description keywords
Weather App Project Idea
Build a web-based weather app that fetches and displays weather data.
weather api
frontend project idea
roadmapIds
frontend

In this project you are required to build a weather app that displays the current weather details based on the location entered by the user. We will be leveraging a common weather API to achieve this.

You can use the Visual Crossing Weather API to fetch the weather data.

Requirements

  • The User should be able to enter a location into an input field
  • The User will be presented with temperature, wind speed, likelihood of rain, and general weather i.e. Sunny, Raining, Cloudy etc.
  • The User will be shown the previous and future 24 hour periods.
  • The weather outlook can be refreshed by the user.

Stretch Goals

  • Animation libraries such as framer can used to make the loading of weather more visually appealing
  • The default weather view is the Users current location.