Ionic Weather App - The goal of this weather app is to demo different ionic component in a nice working app. Contributions are welcome for any good feature.
- Website - https://aggarwalankush.github.io/ionic-mosum
- iOS - https://itunes.apple.com/us/app/mosum/id1244641359?ls=1&mt=8
- Android - https://play.google.com/store/apps/details?id=com.aggarwalankush.mosum
- Download nodejs from https://nodejs.org/en/download/current/ and it will install
node
andnpm
node -v
- should be >= 6.0.0
npm -v
- should be >= 3.0.0
- For iOS, update XCode version to 8.0 or higher
-
Clone this repository
-
Install Ionic, cordova and node_modules
$ npm uninstall -g ionic cordova $ npm install -g ionic cordova $ npm install $ npm install --only=dev
-
Get weather API key from DarkSky
- Replace API_KEY in
src/providers/constants.ts
export const FORECAST_CONFIG = { API_ENDPOINT: 'https://api.darksky.net/forecast/', API_KEY: '9bb59ff3063ac4930fc96890570b0c6f' };
- Replace API_KEY in
-
Get google API key from Google Developers Console
- Replace key in
src/index.html
<script src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyAZL0jdvdtBV_DmzLZ8yW53GHnhlRrbIAY&libraries=places"> </script>
- Replace key in
# iOS
ionic serve --platform ios
# Android
ionic serve --platform android
# All Platforms(iOS, Android and Windows)
ionic serve --lab
$ ionic cordova platform add android
$ ionic cordova build android --prod
$ ionic cordova run android --prod
$ ionic cordova platform add ios
$ ionic cordova build ios --prod
Run using XCode
Run post_install script
$ ./post_install.sh
- Tabs, Side Menu with image
- Various Animations
- Infinite scroll
- Google Maps API
- SQL Database and WebSQL in browser
- Weather caching to avoid redundant http requests
- 3rd party libraries - lodash, moment, moment-timezone
- Works in all timezones
Contributions are welcome!
See features planned for future to get contributing ideas.
- Report issues
- Open pull request with improvements
- Spread the word
ionic-mosum is available under the MIT license. See the LICENSE file for more info.