I’ve been working on adding more to my Knowledge Object Project now that we’re nearing the due date, and specifically, wanting to create more videos that help explain the coding parts of the project.
One of the unique things about Flutter is that everything is a widget, and the widgets nest inside one another to build both the user interface AND the app’s functionality in one document, which means that for each app, there’s a structure something like a set of nesting dolls.
I created a color-coded diagram to show the main widgets that I used in my Elizabeth Warren Quotapalooza app so that you can all see how this widget structure creates the app. This diagram does not include every widget in the app, because that would either need to be poster-sized to be readable, or it would just be an unusable mess, so I simplified it just a bit to focus on the main widgets.
I also made a video to help explain the code and the diagram side by side.
So here are the downloadable pdf files of the diagram and my code:
And here is the video!