exertimer_i4ng_v0

Public Tutorial (from Gary Simon's DesignCourse): Build an exercise interval timer using Ionic4/Angular

Suffix: Ionic 4 Angular with a version number of 0 (in case my boys want to start extending this one).

Gary Simon has a fantastic learning resource for those interested in learning more about mobile development using the Ionic 4 cross-platform framework. His (1h7m) video here: Ionic 4 Crash Course for Beginners - Build an App is a really fun way to experience a full build cycle.  

Again, this is not an systematic or exhaustive approach to the Ionic framework, just a fun "get your hands dirty" exploration, with the added benefit of a cool little demo you can show to your friends: "hey, look at my app!"

We'll also expend some effort devdeloping a practical git-to-GitHub strategy & methodology, because right now, I know diddly-squat about git and GitHub. I grew up in the "bad old days" of cvs (pray you never have to use it!) and svn (which I used to be "jealous" of, but we weren't using on our project). Hah!

Have to say, I'm impressed by git/GitHub. But, just like any firearm, you have to understand safety, and have an instinct to keep the "danger-end of the stick" pointed in the "safe-ish" direction (downrange). And, it's got a lot of control buttons, so like any (too?) complex weapon system, if you're not careful, you can end up with eternal regret that you pushed the wrong button or twisted the wrong knob. So I reconl it's worth thinking about, and getting some practice in on it.

It's all good clean fun, right? What could go wrong?

Hello?... Hello? Come in! Are you there?...

Here's our process so far:

• initialize the project & synch remote (GitHub) and local repos
• resolve security warnings for npm package dependencies
• simulate mobile device deployment using Ionic Lab viewer/server
• simulate mobile device deployment using Firefox responsive/mobile view
• establish the project git-to-GitHub strategy
• eliminate the default header display
• change the primary color for the app
• change the background color to black
• add (central timer display element): circular progress bar
• add feature: Total Workout Duration
• adjust spacing/positions of control elements
  • NB: We break away (temporarily) from Gary's development path here.
• add "start" & "stop" buttons (using "ion-fab")
  • Note the (non-trivial) use of Angular conditional expressions used to implement this feature.
• add "keep-awake" feature to avoid timeouts from inactivity
• give the app an installation name
• review: Cordova "app files" (mobile device output formats)
• install and run the app on Android devices
• install and run the app on iOS devices

To-Dos Include:

• resolve security warning for component: serialize-javascript
• resolve npm warning: "peer dependencies" for karma-jasmine & jasmine-core?
• follow-up: Survey features & capabilities of ng-circle-progress
• follow-up: Study additional useful git-to-GitHub process methodlogies
• follow-up: Understand Ionic4 "slots" concept(s)
  • NB: Potential missing documentation issue for Ionic.
• follow-up: customize the app icon(s)?
• resolve: Should ./resources subdir be kept under git version control?
• follow-up: customize the app icon(s) and splash screens?