Notifications

Weather app

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://www.metaweather.com/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

Once you completed, submit your solutions by providing URLs for both GitHub repository and live app on any hosting platform (5 Free Hosting Platform) and explain briefly what you have done.

As long as you fulfill all the user stories, you can give your personal touches by adding transition, using your own images, changing colors,...

Remember to put your name on the footer to prevent other from submitting your solutions.

You can check others’ solutions and give them feedbacks.

How to start

  1. Read the challenge's details
  2. Start the challenge and download the resources
  3. Check designs on Figma
  4. Have fun coding!!