Travis CI set up notes -- how to set up the Travis Continuous Integration server for building React apps and deploying to Firebase
Learn React Task -- a personal activity to help everyone learn (or practice) building React apps the modern way
Quick, React! -- a tutorial on modern React. Post questions, bugs, requests, et al. on Piazza.
First Demo Task -- due Tuesday
Team React Setup Task and Four-Panel Storyboard Task -- What each team needs to have done before the second class!
Day One Task -- What each team needs to be ready to present on the first class!


TTh 11am - 12:20am


Tech A110


Chris Riesbeck


Four-Panel Storyboard Task

Create a four-panel storyboard. Be visual but don't get hung up on art. Grab clip art and photos from the web. Thinking about what to put in the storyboard may take hours, but limit the time constructing it to 20 minutes. The goal is to quickly and clearly nail down your first slice of value.

Put your storyboard in shared Team Storyboards slide set. Try to follow the template form there, i.e.,

The most critical element is Panel 3. Panel 3 should be large, and give a clear view of a specific app screen (mockup) delivering the payoff to the user.

Key User Stories for Panel 3

  • Buy? As a potential user, I see enough in Panel 3 to know what I'd be buying.
  • Build? As a developer, I see enough in panel 3 to know what to build.

Common mistakes with Panel 3:

The Nurse's Aide example shows what a good Panel 3 has. The screenshot has specific data. A nurse could tell if this makes sense right away. A developer would know what to build, at least for the data and display, right way.

Less is more. Apple's Apple Watch ads manage to show a payoff scene in less than 10 seconds, with no words at all.

If you need help, post to Piazza.