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 (5 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

Lists

• awesome-stars - weather-app-react-native - The source code of react-native weather app (JavaScript)
• awesome-react-native-apps - Weather-App-React-Native

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-svg

Check `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.