Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/delfrrr/weather-app-react-native
The source code of react-native weather app
https://github.com/delfrrr/weather-app-react-native
d3js historical-data react-native redux weather weather-forecast
Last synced: about 2 months ago
JSON representation
The source code of react-native weather app
- Host: GitHub
- URL: https://github.com/delfrrr/weather-app-react-native
- Owner: delfrrr
- Created: 2017-02-01T07:45:06.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-09-30T20:23:12.000Z (almost 4 years ago)
- Last Synced: 2024-02-15T00:34:15.943Z (7 months ago)
- Topics: d3js, historical-data, react-native, redux, weather, weather-forecast
- Language: JavaScript
- Homepage: https://itunes.apple.com/us/app/zowni/id1140299292?ls=1&mt=8
- Size: 2.93 MB
- Stars: 177
- Watchers: 7
- Forks: 23
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather-App-React-Native
iOS app for comparing weather forecast with historical data built with [react-native](https://facebook.github.io/react-native/).
The source code is published for knowledge sharing purposes.# Demo
* [Veiw full screencast on YouTube](https://www.youtube.com/watch?v=Z0eKfLKoo7w)
* [Download from AppStore](https://itunes.apple.com/us/app/zowni/id1140299292?ls=1&mt=8)# Used components
* react-native
* redux
* d3.js (interpolate, scale, shape)
* react-native-svgCheck `package.json` for details
# Used API
* [DarkSky](https://darksky.net/dev/) for weather forecast and historical data
* [Mapbox](https://www.mapbox.com/geocoding/) for city search# Install
* clone repo
* type`$ npm install`
* create file `./credentials.json````
{
"DARK_SKY_API_KEY": "{DARK_SKY_API_KEY}",
"MAPBOX_API_KEY": "{MAPBOX_API_KEY}"
}
```
* setup FacebookSDK as [described here](https://github.com/facebook/react-native-fbsdk)
* type `$ ./node_modules/.bin/react-native link`Then you can follow [react-native docs to run on device](https://facebook.github.io/react-native/docs/running-on-device-ios.html#content). Or just [download it from AppStore](https://itunes.apple.com/us/app/zowni/id1140299292?ls=1&mt=8) and try.