FlutterMobile

Practicing with some flutter code. It took me less than 3 days to build all of this from scratch- including installing flutter, and converting the screenshot into a Figma design.

I was able to get the UI done really quick thanks to the Figma-Zeplin integration and Zeplin's Flutter extension that gave me the right controls to use.

Introduction

This app consists of a ListView page and a ListDetail page that consists of complex UI. This app illustrates several key concepts in Flutter Mobile Development including

• Use of 3rd party libraries
• Flutter Page lifecycle events
• Making HTTP Service calls to REST APIs and consuming them
• Routing between pages
• Usage of DART for software development
• Usage of Flutter APIs and Widgets for creation of views
• Updating required platform specific configurations

Screenshots

To Do's

• Reduce the size of the build function in the list view page
• Use view models
• Add unit tests
• Adding a github action for building

How you can use this

• Fork this repo and Create a PR if you want to tackle any of the To Do's
• This app follows the basic Flutter tutorials from the website, and so you can go through the commit history to see each of the buildable stages.
• You can use this code to populate jokes list view pages using ICNDB.com