This is a coding challenge for react native developers.
Candidate should have vscode and Git installed on their machine.
Fork this repository and clone it.
Create a new react native Application "Weather App"
- For the UI, you can use these mechanisms: Tailwind css package and Atomic approach.
Use the Open Weather API to fetch weather details. Here is an example call requesting the hourly temperature and rainfall for the lat/long of New York City, NY.
https://api.open-meteo.com/v1/forecast?latitude=40.71&longitude=-74.01&hourly=temperature_2m,rain
Please use the latitude and longitude of the following cities to fetch temperature and rainfall conditions every hour of the day. A day is considered to run from 00:00:00 through 23:59:59. Hours should be displayed in the app according to the device's time display option (Settings->General->Date&Time->24-Hour Time).
| City | Lat | Long |
|---|---|---|
| New York | 40.71 | -74.01 |
| Dallas | 32.78 | -96.81 |
| Miami | 25.77 | -80.19 |
Use the images included in the assets folder for a visual indicator of the weather conditions. Any precipitation >0.0 and <1.0 should be considered light rain. Precipitation >=1.0 should be considered heavy rain. No precipitation is sunny.
Here is a rough design for the sample app.
- Fetch the current temperature for the three cities and list their current temperature, along with a rain or sun symbol as appropriate.
- Using the a control at the top of the main screen, switch between Celcius and Farenheit. This control can be any type you choose.
- Clicking on a row will display the full weather report of the selected city for each hour of the day
- The temperature system selected in view 1 should be carried to view 2.
- Clean, readable code
- Knowledge of Typescript/Javascript/React/ReactNative, storage, UI and navigation, fetching and parsing JSON data, git, security, optimization etc.
Weather image assets designed by Anindyanfitri / Freepik.