All Projects → aggarwalankush → Ionic Mosum

aggarwalankush / Ionic Mosum

Licence: mit
Download Latest Ionic v3 Weather App ->

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Ionic Mosum

Ionic Google Login
Ionic 4 starter app to show you how to add Google Log In to an Ionic App using Google Sign-In Cordova Plugin.
Stars: ✭ 61 (-75.2%)
Mutual labels:  tutorial, ionic
Ionic3 Angular43 Httpclient
Example of Ionic 3 and the new Angular 4.3 HTTPClient
Stars: ✭ 20 (-91.87%)
Mutual labels:  tutorial, ionic
Ionic Firebase Shopping Cart
HTML5 shopping cart using Firebase
Stars: ✭ 236 (-4.07%)
Mutual labels:  ionic
Pillar Valley
👾A cross-platform video game built with Expo, three.js, and Firebase! 🎮🕹
Stars: ✭ 242 (-1.63%)
Mutual labels:  tutorial
Ews Javascript Api
EWS API for TypeScript/JavaScript - ported from OfficeDev/ews-managed-api - node, cordova, meteor, Ionic, Electron, Outlook Add-Ins
Stars: ✭ 241 (-2.03%)
Mutual labels:  ionic
Ten Rules
Ten simple rules for better figures
Stars: ✭ 236 (-4.07%)
Mutual labels:  tutorial
Train Robot Arm From Scratch
Build environment and train a robot arm from scratch (Reinforcement Learning)
Stars: ✭ 242 (-1.63%)
Mutual labels:  tutorial
Tutorial View
Android Tutorial View
Stars: ✭ 236 (-4.07%)
Mutual labels:  tutorial
Qliksense Extension Tutorial
A comprehensive tutorial how to create Qlik Sense Visualization Extensions.
Stars: ✭ 244 (-0.81%)
Mutual labels:  tutorial
Pytorch Sentiment Analysis
Tutorials on getting started with PyTorch and TorchText for sentiment analysis.
Stars: ✭ 3,209 (+1204.47%)
Mutual labels:  tutorial
Learn X By Doing Y
🛠️ Learn a technology X by doing a project - Search engine of project-based learning
Stars: ✭ 242 (-1.63%)
Mutual labels:  tutorial
Fullstackpython.com
Full Stack Python source with Pelican, Bootstrap and Markdown.
Stars: ✭ 2,667 (+984.15%)
Mutual labels:  tutorial
Smoothscrollanimations
Demo of a tutorial on how to add smooth page scrolling with an inner image animation
Stars: ✭ 238 (-3.25%)
Mutual labels:  tutorial
Deeplearningcoursecodes
Notes, Codes, and Tutorials for the Deep Learning Course <which I taught at ChinaHadoop>
Stars: ✭ 241 (-2.03%)
Mutual labels:  tutorial
Kitti tutorial
Tutorial for using Kitti dataset easily
Stars: ✭ 235 (-4.47%)
Mutual labels:  tutorial
Unity Shader Basics Tutorial
A introduction into creating shaders for Unity
Stars: ✭ 243 (-1.22%)
Mutual labels:  tutorial
Cordova Plugin Fingerprint Aio
👆 📱 Cordova Plugin for fingerprint sensors (and FaceID) with Android and iOS support
Stars: ✭ 236 (-4.07%)
Mutual labels:  ionic
Pytorch fine tuning tutorial
A short tutorial on performing fine tuning or transfer learning in PyTorch.
Stars: ✭ 240 (-2.44%)
Mutual labels:  tutorial
Regex For Regular Folk
🔍💪 Regular Expressions for Regular Folk — A visual, example-based introduction to RegEx [BETA]
Stars: ✭ 242 (-1.63%)
Mutual labels:  tutorial
Typescript For Beginner Programmers
TypeScript for Beginner Programmers
Stars: ✭ 244 (-0.81%)
Mutual labels:  tutorial

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.

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/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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].