Weather Web App

Build a weather app that fetches and displays weather for a given location.

Start building, submit solution and get feedback from the community.
2Submit Solutionยท
5 upvotes10 upvotes

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.
Found a mistake? Help us improve.

Actively Maintained

We are always improving our content, adding new resources and adding features to enhance your learning experience.

Join the Community

roadmap.sh is the 7th most starred project on GitHub and is visited by hundreds of thousands of developers every month.

Rank 7th  out of 28M!

302K

GitHub Stars

Star us on GitHub
Help us reach #1

+90k every month

+1.5M

Registered Users

Register yourself
Commit to your growth

+2k every month

30K

Discord Members

Join on Discord
Join the community

Roadmaps Best Practices Guides Videos FAQs YouTube

roadmap.sh by @kamrify

Community created roadmaps, best practices, projects, articles, resources and journeys to help you choose your path and grow in your career.

© roadmap.sh · Terms · Privacy · Advertise ·

ThewNewStack

The top DevOps resource for Kubernetes, cloud-native computing, and large-scale development and deployment.