weather-app

Tech Used

  • React Native
  • Expo
  • Redux-toolkit
  • Axios
  • Moment

The UI

The User Interface

How To Run The App in an IOS Simulator

Step 1:

  • Clone the repo
  • Open it in your favorite editor
  • Open a terminal in your editor and run yarn install

Step 2:

API_KEY=YourOpenWeatherKeyHere

Step 3:

  • Download xcode
  • In the menu bar go to Xcode -> Open Developer Tools -> Simulator

Step 4:

  • In your terminal run yarn start.
  • In the browser, click on Run on IOS Simulator.

Dependencies

  "dependencies": {
    "@expo/webpack-config": "~0.16.2",
    "@reduxjs/toolkit": "^1.8.1",
    "axios": "^0.27.2",
    "expo": "~45.0.0",
    "expo-optimize": "^0.2.16",
    "expo-status-bar": "~1.3.0",
    "faker": "^5.5.3",
    "moment": "^2.29.3",
    "prettier": "^2.6.2",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-native": "0.68.2",
    "react-native-fast-image": "^8.5.11",
    "react-native-safe-area-context": "4.2.4",
    "react-native-screens": "~3.11.1",
    "react-native-web": "0.17.7",
    "react-redux": "^8.0.1",
    "redux-devtools-extension": "^2.13.9",
    "redux-thunk": "^2.4.1",
    "sharp-cli": "^1.15.0",
    "webpack-dev-server": "~3.11.0"
  },

GitHub

View Github