Module: UI Mockup

Stop doing tutorials and start designing your app.

Dates: Tue, Sep 26 - Thu, Oct 12

Learning Outcomes

You can create a mockup user interface

Readings

Deep dive into the skeleton app template

Go beyond the counter app with a more realistic template

Agile Garden Club mockup, Phase 1

Example of a Phase 1 mockup

Agile Garden Club mockup, Phase 2

Example of a Phase 2 mockup

How to build a bottom navigation bar in Flutter

Creating a bottom navigation bar with selectable items

Material Icons

Searchable listing of Material Icons and how to reference them in Flutter

Flutter Casual Games Toolkit

Get your casual, mobile game from idea to launch with Flutter

Experiential Learning

1. Make your Phase 1 App

Create an app that illustrates some of the goals for your FTW app

2. Make your Phase 2 App

Create a data model for your app