ionic-mosum icon indicating copy to clipboard operation
ionic-mosum copied to clipboard

Download Latest Ionic v3 Weather App ->

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

    android-ios-phone
  • Tablet

    android-tablet ios-tablet

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.