Skip to content

Latest commit

 

History

History
34 lines (24 loc) · 1.43 KB

README.md

File metadata and controls

34 lines (24 loc) · 1.43 KB
Raw

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

Home page screenshot List Detail page screenshot

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