Git Product home page Git Product logo

i18n-ionic-tutorial's Introduction

i18n Ionic Tutorial

This project is the source code of a tutorial on how to internationalize and Localize your Ionic application by making use of Angular Translate, Angular Dynamic Locale and Cordova Globalization Plugin.

Where to find the tutorial

The complete tutorial is published on Medium.

Dependecies, Run and Build

Install NodeJS dependencies

Run npm install to install all needed dependencies

Install Javascript dependencies

Run bower install to install all needed dependencies.

Run the app

Use grunt serve -l to run the app in browser and watch for changes in code

or

use grunt serve to just run the app for a browser preview

or

use grunt serve --lab to run the app in a browser on two platforms at the same time.

Add a platform

$ grunt platform:add:<platform>

Supported Cordova platforms:

$ grunt platform:add:ios
$ grunt platform:add:android

Build the app

$ grunt build

Emulate the app on simulator

iOS:

$ grunt emulate:ios

Android:

$ grunt emulate:android

For more information, see Ionic Framework Generator's instructions.

Angular localization files

Localization files can be found in Angular's directory. Any downloaded locale should be included in the app/locales folder.

Plugins installation

Use the following commands and install the plugin required by the app:

$ cordova plugin add com.keosu.cordova.stream

or

$ cordova plugin add https://github.com/keosuofficial/cordova-audio-stream-plugin.git

Used Cordova plugins

In case that the required Cordova plugins are not installed while installing NodeJS dependencies, Cordova's command mentioned previously can be used to install the following plugins:

  • cordova-plugin-globalization - It obtains information and performs operations specific to the user's locale and timezone.

Further information and help

A production ready i18n Ionic application which demonstrates and extends everything that is described in this tutorial is available in Codecanyon. i18n Ionic is ideal as a point of reference to give your applications the internationalized boost they need.

Third Party Licences

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.