Giter VIP home page Giter VIP logo

ionic2-mosum's Introduction

ionic2-mosum

Ionic 2 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.

Prerequisites

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/pages/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 platform add android
    $ ionic build android --prod
    $ ionic run android --prod

iOS

    $ ionic platform add ios
    $ ionic build ios --prod
Run using XCode

icon resources

Run post_install script

    $ ./post_install.sh

Screenshots

  • Phone

    android-ios-phone
  • Tablet

    tablet1 tablet2

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

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

ionic2-mosum's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.