Awesome

ionic-mosum

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

Prerequisites

• Download nodejs from https://nodejs.org/en/download/current/ and it will install node and npm

node -v
 - should be >= 6.0.0
npm -v
 - should be >= 3.0.0

• For iOS, update XCode version to 8.0 or higher

Getting Started

• 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'
  };
  

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

Run

Browser

    # iOS 
    ionic serve --platform ios
    # Android
    ionic serve --platform android
    # All Platforms(iOS, Android and Windows)
    ionic serve --lab

Android

    $ ionic cordova platform add android
    $ ionic cordova build android --prod
    $ ionic cordova run android --prod

iOS

    $ ionic cordova platform add ios
    $ ionic cordova build ios --prod

Run using XCode

icon resources

Run post_install script

    $ ./post_install.sh

Screenshots

• Phone

  <img src="screenshots/android-ios-phone.jpg" alt="android-ios-phone" width="500"/>

• Tablet

  <img src="screenshots/android-tablet.png" alt="android-tablet" width="350"/> <img src="screenshots/ios-tablet.png" alt="ios-tablet" width="350"/>

Existing Features

• 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

Contribution

Contributions are welcome!

See features planned for future to get contributing ideas.

• Report issues
• Open pull request with improvements
• Spread the word

License

ionic-mosum is available under the MIT license. See the LICENSE file for more info.