0% found this document useful (0 votes)
3 views

Dev Challenges - Weather APP

The document outlines a challenge to create a weather app using an API and front-end libraries like React or Vue. It includes user stories that specify features such as displaying current weather, searching for cities, showing a 5-day forecast, and providing various weather metrics. Additionally, it suggests using an icon library and offers tips for accessing data from external sources.

Uploaded by

Kratos Qlf
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views

Dev Challenges - Weather APP

The document outlines a challenge to create a weather app using an API and front-end libraries like React or Vue. It includes user stories that specify features such as displaying current weather, searching for cities, showing a 5-day forecast, and providing various weather metrics. Additionally, it suggests using an icon library and offers tips for accessing data from external sources.

Uploaded by

Kratos Qlf
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

Challenge: Create a weather app using an API.

Use Front-end libraries like React or


Vue. Don’t look at the existing solution. Fulfill user stories below:

User story: I can see city weather as default, preferably my current location
User story: I can search for city
User story: I can see weather of today and the next 5 days
User story: I can see the date and location of the weather
User story: I can see according to image for each type of weather
User story: I can see the min and max degree each day
User story: I can see wind status and wind direction
User story: I can see humidity percentage
User story: I can see a visibility indicator
User story: I can see the air pressure number
User story(optional): I can request my current location weather
User story(optional): I can convert temperature in Celcius to Fahrenheit and vice
versa
Icon: https://google.github.io/material-design-icons/

API: https://openweathermap.org/api

Tips: For Front-end developer, you can use https://cors-anywhere.herokuapp.com/ to


help with accessing data from other websites that are normally forbidden by the
same-origin policy of web browsers

You might also like