Part I: Getting started with Flutter

Flutter is Google’s UI framework to develop cross-platform natively compiled apps. In this series, we will go through its basics using a “Word Collector” app that you can use to collect new words to revisit them later. Without further ado, let’s get started.

Setup

Visit https://flutter.dev/docs/get-started/install, choose your platform and follow the steps.

Also, set up your favourite editor. In this series, we will use VSCode.

Next, go to your terminal and run the following command

flutter create word_collector

This will create a new folder named word_collector containing your app’s starter code.

Starter App

Open it in your editor, go to lib/main.dart file and replace the contents with the code below. Don’t worry about the code right now. We will come to this later.

Delete your test folder as we will talk about UTs further down the road.

Time to run!

Now, choose your device to run this app. For VSCode, it is shown in bottom-right.

Next, just press F5 to run the app. You should see an app on your device like below:

In the next article, we will dig deeper into the Dart code and try to implement a basic workflow to add new words and display added words in a list view. Stay tuned!

To view the code for this article, please visit https://github.com/gupnik/word_collector/tree/PartI.