Start | Next Chapter >

Lets go step by step making a simple-ish Meteor mobile app using Meteoric and some of the most popular Meteor packages.

You landed your first enterprise client, nice! They need a secure system to manage their projects, contacts and notes. Eventually they will need a desktop web interface but for now they asked for native mobile apps. The app will need to serve iOS, Android and Window clients. Since they require three platforms, real-time data and you are a web developer... you obviously chose to use the amazing Meteor platform and Ionic UI.

Your client had a designer loosely wireframe the app, see below. As it sometimes goes not all the views have been provided so we will need to use our best judgement on the forms, pop-ups, modals and other interactions.

Got Sketch.app? Download this app's wireframe.

I find it useful when learning something new to always know "where" I am in an overall sense while working in the weeds. Data (Collections) drives this app and it will drive our workflow too. Below is the steps we will take when building each collection.

1. Create Story Issues

• Create Collection
• Create Schema(s)
• Create Seed Data
• List (Index)
• Create List Publications
• Create List Controller
• Create List Route
• Create List Templates
• Record Details
• Create Record Detail Publications
• Create Record Detail Controller
• Create Record Detail Route
• Create Record Detail Templates
• Record Edit
• Create Record Edit Publications
• Create Record Edit Controller
• Create Record Edit Route
• Create Record Edit Templates
• Record Add
• Create Record Add Publications
• Create Record Add Controller
• Create Record Add Route
• Create Record Add Templates
• Resolve "Blocking" Issues

• Chapter 01: Initial Setup
• Chapter 02: Users Collection
• Chapter 03: Contacts Collection
• Chapter 04: Activities Collection
• Chapter 05: Projects Collection
• Chapter 06: ProjectContacts Collection
• Chapter 07: Notes Collection
• Chapter 08: User Profile Features
• Chapter 09: Administration Features

Start | Next Chapter >