Skip to main content ppwriters


Day 10

Hello Flutter

Flutter is a software development kit (SDK) developed by Google that allows developers to build apps for mobile, web, and desktop platforms using a single codebase. It uses the Dart programming language and provides a set of pre-built UI components called widgets that can be used to build custom user interfaces for your app. Flutter is an open-source project and is free to use.

Project - Famous Counter App

  • When you create a new Flutter project, it generates a counter app, that just counts the number of times you tap the button in the screent
  • Create new Fluter project and different files and folders that will be generated. Specially look into lib/main.dart as that’s where we will spend most of our time
  • Run the app on an mobile, web, and/or desktop and see it in action

By the end of this day, you should have a basic understanding of the structure of a Flutter app and how to customize the app bar and content area with basic widgets.


  • If you have not yet installed Install Flutter,you can follow the instructions on the Flutter website to do this.
  • Create a new Flutter project using the flutter create command in your terminal or use the IDE or editor of your choice to create a new Flutter project.
  • Open the project in your preferred IDE or editor (e.g. Android Studio, VS Code) if not already.
  • Customize the app bar and content area with widgets such as Text and Icon.
  • Run the app on an emulator or physical device to see the changes.


Enjoying? Tell your friends.


Learn the basics of Flutter and Dart in 30 days! We provide a roadmap, resources, and project ideas to help you along your journey.

back to 30 Days to Master Flutter

Join our community on Discord to connect with fellow learners, share your progress, and get help with any questions you may have throughout the #30DaysMasterFlutter challenge. Join now and get started on your journey to mastering Dart and Flutter!

join now