7 Wonders

7 Wonders is a simple mobile application that displays the new 7 wonders in the world with the list view and card widgets

Mobirise

This view is the landing page of the application. This page is scrollable and each item on the list is also able to be tapped on to see more detailed information with bigger picture of a wonder.

Summary

  • Context

    • 7 Wonders is a one of the first two Flutter/Dart project that I worked on during the Spring of 2021 with the purpose is to learn basic Flutter and Dart programming language. The application was implemented with very basic Flutter and Dart widgets and libraries to create the list view and card to handle the tapping event from the user. 

  • Role

    • As it is a personal project, my role was to design the display an implement the logic. Regarding to the graphical user interface, I designed the created the display with list view and card widgets. On the other hand, I also learnt and used arrays to store the information and picture of each wonder to be shown on the list.

  • Delivery

    • I delivered a completed application with displaying and event handling of scrolling, tapping. Other than a completed application, I was able to learn the basics of Flutter/Dart programming language that supports cross platforms application, especially with the structure of the display of a basic application.

    Technologies

    Flutter/Dart

    Support the display of each wonder on the list view and card widgets.

    GitHub

    Link to 7 Wonders repository

    Analysis

  • Strengths

    • I evaluate that I did well on constructing the widgets to display the list view and card. I also did well on implementing the logic of using arrays to store and automatically display the information and pictures on the list as item and on the each card. Beside technical skills and implementation, I also did well on learning a new programming language and the concept of cross platform applications.

  • Skills Reflection

    • By working on this personal project, I was able to gain my knowledge on the Flutter/Dart programming language and the concept of cross platform applications. I was also given an opportunity to learn and apply the structures of widgets, which I did not have a chance to touch on in school. Besides gaining new skills and knowledge, I also improved my old skills of problem solving and basics programming.

  • Project Reflection

    • What went well while working on this project was the experience of learning new programming language and the concept of cross platform applications. I was able to learn new technologies to enlarge my knowledge and better up my career path. From the experience I had while working on this project, I would improve the knowledge on how to change the font and color of widgets as it would help styling the application better.

    Mobirise

    As the user taps on each item on the list view, the user will be displayed a pop up card that shows the detail of the wonder.