React-Native Weather App

• a weather app by react native for me to learn and expand my knowledge in the technology.

• used Weatherap service as a backend to this project check them out

installation

clone the repo first

  npm clone [email protected]:medomy/react-native-weather-app.git
  cd react-native-weather-app

then start the app

  npm i
  npm start

Walk through

• first we have onboarding screen that's supposed to be shown only the first time openning the app.
• then we have a home screen shown after you give permission to location showing the current weather data in addition to tempratures along the whole day.
• then we have the forecast screen which shows the data for tomorrow and next 7 days.

Tech Stack

Client: React-Native, React-Native context, Typescript , Axios

Server: weatherapi

libraries:

• @react-navigation
• react-native-linear-gradient
• react-native-splash-screen
• react-native-geolocation-service
• axios

Appendix

design inspired from : dribble design

note that app is tested Android only