Skip to content

CodeaIT/react-native-challenge

Repository files navigation

React Native Challenge

Screenshot

Given the above screenshot, let's create a weather app! 💪

Setup ⚙️

You should fork this repository and work on it. When you finish, please refer to Delivery.

Requirements 👩‍💻

Main Screen

  • On the app launch, it should prompt the user with his location to provide the main weather information.
  • The user should be able to search for locations on the top bar, displaying the first ten results on a list. (See: https://www.weatherapi.com/docs/#apis-search).
  • Tapping the Detailed button, should navigate to the details screen (the one on the right) and display the current location information.
  • At the bottom of the main screen, five cities of your choice should be displayed in a carousel.
  • Tapping on any card of the bottom carousel, should navigate to the details screen and display the information for that location.

Details Screen

  • Main information is displayed at the top.
  • The arrow button should navigate back to the main screen.
  • Forecast section should display cards containing temperature and humidity for different moments of the given day (see https://www.weatherapi.com/docs/#apis-realtime and https://www.weatherapi.com/docs/#apis-forecast). Being those moments:
    • 10hs (Morning)
    • 14hs (Afternoon)
    • 18hs (Evening)
    • 22hs (Night)
  • Tapping on Tomorrow button should switch these cards information to display the following day's values. Also, you should be able to click again to change to Today's values.
  • The bottom sheet should display other helpful information that the API delivers like UV index, wind speed, direction, and more.

API Documentation 📄

Delivery 🚀

Once your code is ready send the repository link via email to whoever sent it to you from Codea IT.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •