Flutter — Cart Calculator App: Part 1

Hamza Mateen
6 min readJan 7, 2022

This one is for beginners.

Today, I am going to use my basic Flutter development skills required to make a shopping cart calculator app.

The idea is that the users can add items to a list while they are shopping and even before shopping. Each item will be given some price. This way the users can calculate their sum before reaching the checkout counter to make sure they are under budget.

This app will use a few external packages and data structures. I will make sure to explain each concept along the way.

I assume that you have completed your Flutter development setup. So, let’s create a new project. For “ease”, I am going to use a terminal. Open command prompt from the start menu.

Checking If All Is Good

In order for smooth Flutter development, make sure there are no problems beforehand. The command to use here is flutter doctor
As seen in the figure below, if all is good then green ticks will show with every test that was run to check the environment requirements.

Figure 1: Flutter doctor summary

--

--

Hamza Mateen

Front-End Development Lead at MiFinity | All about Flutter Application Development & Life in Ireland. Flutter App Developer | Lecturer | Writer.