Weather Application

This is the job interview task for software developer position

What to do

You need to use the Weather API provided here https://open-meteo.com/en to make the weather application.

Call the API to get the locations by city name. Make the paging available with 10 items per page and a filter to filter by location name.
When clicked on the location it should show the weather forecast for the location with the temperature, surface wind and rain hourly. The interface should let you first see the daily forecast and when clicked it then should show the forecast hourly for the day you selected.
If you UI contains a chart it is a bonus. The interface should be convenient for user and rely on best usability and design practises
Only logged on users should be able to see the weather forecasts.
User should be able to mark the location favourite and have the favourite location list for quick access.

All the other specific requirements are up to you

Use Vaadin (https://vaadin.com/) framework for the frontend. For chart you may use some different framework
For backend use Java EE
Use any database (Postgres, Oracle, etc.)
Make a Maven project

  ./mvnw spring-boot:run -Dspring-boot.run.profiles=dev -Dspring-boot.run.arguments="--server.port=8080"

  docker-compose -f src/main/docker/pgsql.yml up

  ./mvnw spring-boot:run -Dspring-boot.run.profiles=prod -Dspring-boot.run.arguments="--server.port=8080"

Application has some default preloaded users like below you can use any of them.

| username | password    
| ---------+----------
|   user   |  1234
|   salman |  1234

Public default page will be loaded when user hit http://localhost:8080 and a location search and filter interface will be visible both for logged-in and not logged-in users.

Picture 1	Picture 2	Picture 3

In search field after typing any city(location) name, location list will be loaded with city | Name | Country | Favourite | column.
If user click any row of the list, weather forecast of that location will be shown, if user already logged-in.
If user click on favourite icon that location will be listed as favourite location of that user, if user already logged-in.
So after log in user moves to profile page which contains favourite location list on left side and detailed forecast on right side if user has any selected favourite location on the left side list like below.
After selecting any location right side top-bar UI will show full week forecast summery according to week days.
By default, current day will be selected and detailed different information will be shown below UI blocks.
Finally, at right bottom hourly information of selected day will be shown in a table .
Any selection of location or day, detailed weather forecast will be shown dynamically like below full view.
11.At left side Location list, if user click on [X] button that item will be deleted from user's favourite list and only logged-in user's favorite list will be shown here.