5
Application where you can find weather in your city
source link: https://reactnativeexample.com/application-where-you-can-find-weather-in-your-city/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
weather-app
Tech Used
- React Native
- Redux-toolkit
- Axios
- Moment
The UI
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:
- Head over to https://openweathermap.org/api/one-call-api to get an API key. (You will have to sign up)
- Create a
.env
file in the root folder and put your keys in the file like this:
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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK