ionic | ionic tutorial | Ionic Creator - ionic - ionic development - ionic 2 - ionic framework

What is Ionic Creator ?

“Ionic Creator is a simple drag and drop prototyping tool to create real app with the touch of your mouse.” - Matt Kremer

Ionic Creator is provides a full set of Ionic components that you can simply drag and drop into your project and rapidly prototype a fully working app.

Who can use Ionic Creator

Novice Developers trying to get their hand in hybrid mobile development

Designers tweaking around options for product development

Experienced Ionic developers looking to bootstrap their projects

Freelance developers looking to gather clients feedback via sharing features

Share and Export your App - In Ionic Creator

Ionic Creator makes it simple to share your app in many ways:

• Send a link to the app running into the browser via URL, Email or SMS
• Share the app via the Creator App
• Package your app for iOS and/or Android release

Create sample Ionic project

Introducing project Axial Events: http://www.axial.net/events/

The goal of the app is to show a list of events and allow the member to indicate which other attendee to meet up with so that we can send reminders during the event.

We will need

• List of Events: title, content, image
• Event Detail page: list of attendees with a way to indicate interest

Step 1: Project Creation

Step 2: Create the list of Events

Step 3: Create Event details page

Step 4: Ionic page linking another page

Step 5: Export ionic project

At this point, we got an app that showcase how the flow will go from screen to screen. Let’s take it live and plug it to our API.

Step 6: Ionic - Cleanup - Views - Events

Step 6: Ionic - Cleanup - Views - Event Info

Step 6: Ionic - Cleanup - Routes

Step 6: Adjust Controllers

Step 6: Ionic - Implement Services

Step 7: Serve the app

At this point, we got our app connected to a working API and we are ready to publish!

• $ ionic serve
• $ ionic run ios
• $ ionic run android
• $ ionic package build ios --profile dev