Let’s build our first Ionic app! This application will initially target iOS and utilize a simple API to display challenge information from topcoder.
This post is part of an ongoing series:
- Part 1: Dip Your Toe In
- Part 2: A Few of My Favorite Things
- Part 3: The API Service
- Part 4: Application Layout
I’m developing on a Mac, so all examples will be from my machine.
Part 1 – Initial Setup
In part one, we’ll get the basic Ionic environment set up.
Ionic provides their own command line tool which is used for the majority of Ionic functions (building, installing addons, uploading your builds, launching the emulator, …etc).
Let’s get that installed. Installation takes place using NPM.
Now lets create our Ionic project. There are several templates you can start with, we’ll start with the sidemenu template here.
During the creation process, you’ll be prompted to create an Ionic account. You should take this opportunity to set it up if you don’t already have one.
That’s it: Ionic installed – check, project created – check.
What do we get for our effort? Let’s see:
On to part two: A Few of My Favorite Things