Design Apps

Great Design for Good Reason

Learn modern and minimal ways to design any app. You can learn to design both android apps using android studio & Flutter Apps using Android Studio. Follow us at YouTube and press the bell icon to get notified about each new lesson uploaded related to Designs.

Coding with T logo - Flutter app development - Android App Development

Latest Flutter Designs

Follow me on YouTube to get notified about all the latest tutorials and more!

Overview of Flutter E-commerce App

Overview of Flutter E-commerce App

In this course you will learn how to create a modern and professional Flutter Ecommerce application. This course is designed with precision and a keen understanding of modern design aesthetics, this course promises a step-by-step walkthrough—from initial setup to a...

How to create a Checkbox in flutter Example 2022

How to create a Checkbox in flutter Example 2022

In this tutorial, we are going to learn two ways to create and design a checkbox in a flutter. We will also learn how to create a custom checkbox in a flutter with an example. We will first design the checkbox widget in a flutter as a checkbox() and then we will...

How to create Text Form Field or Text Field in flutter

How to create Text Form Field or Text Field in flutter

In this tutorial, we are going to learn the two ways to create, and design text fields in a flutter and also two ways to get data from a flutter textfield or a flutter textformfield. The design will be created using flutter textfield() and flutter textformfield()...

How to Create and Design Buttons in Flutter

How to Create and Design Buttons in Flutter

In this tutorial, we are going to create buttons in Flutter 2022. We will create three different types of buttons in a flutter, Elevated buttons, Outline buttons, and Text Buttons. We will also learn how to design a custom button using all the properties of flutter...

How to create & design Container in Flutter – 2022

How to create & design Container in Flutter – 2022

In this flutter tutorial, we are going to learn how to create a Container in a flutter. We will learn how to design a container in flutter 2022. In this flutter tutorial, we will cover all the properties of the Container include Background Color, Padding, Margin,...

How to add Material and Font-Awesome Icons

How to add Material and Font-Awesome Icons

In this flutter tutorial, we are going to learn how to add material and font-awesome icons in flutter. How to make icons clickable using IconButton in our flutter project 2022. We will learn the 3 basics of flutter in this tutorial. How to use Material Icons in the...

How to add Images in Flutter – Asset and Network

How to add Images in Flutter – Asset and Network

In this Flutter tutorial, we are going to learn how to add images in flutter 2022. There are 2 main ways to add an image in a flutter, 1st is to add Asset Image in the flutter and 2nd is to add Network Image in the flutter. So, in this tutorial, we will learn both...

Exploring stateless widgets in Flutter – Coding with T

Exploring stateless widgets in Flutter – Coding with T

In this Flutter Crash course 2022, we are about to start our Flutter Crash Course for beginners and we will be exploring statless widgets in Flutter. In this Section 2, we will learn all the Basic and Core Stateless Widgets of Flutter which are a must to create any...

Stack and Positioned Widget in Flutter 2022

Stack and Positioned Widget in Flutter 2022

In this flutter tutorial, we are going to create layout widget in flutter. Stack and positioned widget will be used in this tutorial, whereas stack is used to layout widgets on top of one another and positioned widget is used to position the widgets (childerns of...

How to create a Floating Action Button in Flutter

How to create a Floating Action Button in Flutter

In this flutter tutorial, we are going to create a floating action button in flutter. We will create FAB using widget provided by flutter material design FloatingActionButton(). Floating Action button is useful when it comes to perform some key actions like add...

How to add Logic in Flutter Code – Flutter 2022

How to add Logic in Flutter Code – Flutter 2022

In this flutter tutorial, we are going to add logic to our flutter code. We will simply do that by adding a simple function and will get Random Values printed directly in our Text Widget. This is the last video of our Section # 1 of the flutter basic crash course for...

How to Organize Flutter Code – Flutter Crash Code 2022

How to Organize Flutter Code – Flutter Crash Code 2022

In this tutorial, we are going to convert our code we created in our previous tutorials into a more organized format. We will learn how to divide our code into classes (stateless / Stateful). We will first clean our main() function and learn how to use fat Arrows in a...

Create First Flutter App Part II (Widgets) – Flutter 2022

Create First Flutter App Part II (Widgets) – Flutter 2022

In this flutter tutorial, we are going to create our first flutter app in android studio part II. In our previous tutorial Part I we learned, how to create a new flutter project on the previously installed Android studio and go through the basics of Flutter main() and...

How to Create First Flutter App – Flutter 2022

How to Create First Flutter App – Flutter 2022

In this flutter tutorial, we are going to create our first flutter app in android studio. We will first learn how to create a new flutter project on the previously installed Android studio. Watch Youtube tutorial   What is flutter? As stated in the flutter.dev,...

Flutter Crash Course – Free Flutter tutorials for beginners

Flutter Crash Course – Free Flutter tutorials for beginners

We are going to launch a brand new course of Flutter app development - Flutter Crash course for absolute beginners. In this course we will start from 0 and will cover all the basics that need to create professional app. This course is divided into 3 main parts Basics...

How to fix Issues in Flutter Doctor – Flutter Crash Course 2022

How to fix Issues in Flutter Doctor – Flutter Crash Course 2022

What is Flutter Doctor and how to run it? Flutter doctor is a command line tool. We can use flutter doctor to check weather our flutter and dart configurations are upto mark or there is some issue in them. To run a flutter doctor we can simply open our command prompt...

How to install Flutter on Android Studio 2022 for beginners

How to install Flutter on Android Studio 2022 for beginners

Flutter Series Overview - BriefErrors in Flutter InstallationThis is the second tutorial of Flutter Crash Course. In this tutorial we will learn how to install flutter in Android Studio. In our first tutorial we cover the overview of our series and you can check it...

Create a Custom Loading Progress Bar In Android Studio

Create a Custom Loading Progress Bar In Android Studio

In this tutorial, we will create a custom progress bar in android studio. We will use a regular progress bar but will add a custom background. If you want to watch any of the videos that are created before then click here.Watch Youtube tutorial  Create a...

Store Data in Firebase database  in an Android Studio # 15

Store Data in Firebase database in an Android Studio # 15

In this tutorial, we are going to store the user's data we get in signup activities inside the firebase realtime database. In the previous activity, we performed phone number verification using firebase and now we will store data once the phone number has been...

Firebase phone authentication in android studio 2020 – Part 14

Firebase phone authentication in android studio 2020 – Part 14

In this tutorial, we will create firebase OTP authentication in android studio. We will pass data from previous activities which are signup OR forget password. In our previous tutorial we set up firebase in the android studio so, if you are new here then please watch...

Complete Form Validation in the android studio – Part 12

Complete Form Validation in the android studio – Part 12

In this tutorial, we will create or perform form validation in android studio at multiple fields. We will validate username, email, password, phone number, date of birth(age) and also gender validation. We will use Material design fields we already created in login...

Material Design Signup Screen in Android Studio – Part 9

Material Design Signup Screen in Android Studio – Part 9

In this tutorial we will create a modern Signup screen in android studio using Material design libraries we added in login tutorial. In this tutorial we will create multiple fields in android like Material design editText, TextInputLayout, Date Picker, Radio Buttons,...

Bottom Navigation Bar in Android Studio – City Guide – Part 20

Bottom Navigation Bar in Android Studio – City Guide – Part 20

After creating professional login-signup screens with forget password, sessions (Shared preferences) and firebase series. From now onwards, after successful login sigup we will allow the user to enter in their dashboard of City Guide App we are creating which is...

Material Design Login Screen in Android – City Guide Part 8

Material Design Login Screen in Android – City Guide Part 8

In today's tutorial, we are going to create a Login Design in Android Studio - City Guide app. We will also learn how to add shared animations in android and how to use Material library 1.1.0 to design fields.Before Getting Started So, before going to start coding, we...

Login Signup Welcome Screen in Android – City Guide Part 7

Login Signup Welcome Screen in Android – City Guide Part 7

From now onwards, we will start another module of City Guide App we are creating which is Retailer Module. In today's tutorial, we will create a first retailer startup screen in which we will allow the user to either login or signup by adding some animations. Before...

Splash Screen in Android Studio – City Guide App – Part 2

Splash Screen in Android Studio – City Guide App – Part 2

In this tutorial, we are going to create a splash screen android tutorial with animations in android studio. In short, this is the first tutorial of our complete application in which we will be creating a City Guide App  android app with source code. Hence follow us...

Basic Setup of Android Studio – City Guide App – Part 1

Basic Setup of Android Studio – City Guide App – Part 1

We are creating a complete City Guide android application. For making that application we have learned how to download and install android studio in the previous tutorial. After that, we will learn how to do an android studio set up and what is the alternate of batch...

Android Designs

Follow me on YouTube to get notified about all the latest tutorials and more!

Overview of Flutter E-commerce App

Overview of Flutter E-commerce App

In this course you will learn how to create a modern and professional Flutter Ecommerce application. This course is designed with precision and a keen understanding of modern design aesthetics, this course promises a step-by-step walkthrough—from initial setup to a...

How to create a Checkbox in flutter Example 2022

How to create a Checkbox in flutter Example 2022

In this tutorial, we are going to learn two ways to create and design a checkbox in a flutter. We will also learn how to create a custom checkbox in a flutter with an example. We will first design the checkbox widget in a flutter as a checkbox() and then we will...

How to create Text Form Field or Text Field in flutter

How to create Text Form Field or Text Field in flutter

In this tutorial, we are going to learn the two ways to create, and design text fields in a flutter and also two ways to get data from a flutter textfield or a flutter textformfield. The design will be created using flutter textfield() and flutter textformfield()...

How to Create and Design Buttons in Flutter

How to Create and Design Buttons in Flutter

In this tutorial, we are going to create buttons in Flutter 2022. We will create three different types of buttons in a flutter, Elevated buttons, Outline buttons, and Text Buttons. We will also learn how to design a custom button using all the properties of flutter...

How to create & design Container in Flutter – 2022

How to create & design Container in Flutter – 2022

In this flutter tutorial, we are going to learn how to create a Container in a flutter. We will learn how to design a container in flutter 2022. In this flutter tutorial, we will cover all the properties of the Container include Background Color, Padding, Margin,...

How to add Material and Font-Awesome Icons

How to add Material and Font-Awesome Icons

In this flutter tutorial, we are going to learn how to add material and font-awesome icons in flutter. How to make icons clickable using IconButton in our flutter project 2022. We will learn the 3 basics of flutter in this tutorial. How to use Material Icons in the...

How to add Images in Flutter – Asset and Network

How to add Images in Flutter – Asset and Network

In this Flutter tutorial, we are going to learn how to add images in flutter 2022. There are 2 main ways to add an image in a flutter, 1st is to add Asset Image in the flutter and 2nd is to add Network Image in the flutter. So, in this tutorial, we will learn both...

Exploring stateless widgets in Flutter – Coding with T

Exploring stateless widgets in Flutter – Coding with T

In this Flutter Crash course 2022, we are about to start our Flutter Crash Course for beginners and we will be exploring statless widgets in Flutter. In this Section 2, we will learn all the Basic and Core Stateless Widgets of Flutter which are a must to create any...

Stack and Positioned Widget in Flutter 2022

Stack and Positioned Widget in Flutter 2022

In this flutter tutorial, we are going to create layout widget in flutter. Stack and positioned widget will be used in this tutorial, whereas stack is used to layout widgets on top of one another and positioned widget is used to position the widgets (childerns of...

How to create a Floating Action Button in Flutter

How to create a Floating Action Button in Flutter

In this flutter tutorial, we are going to create a floating action button in flutter. We will create FAB using widget provided by flutter material design FloatingActionButton(). Floating Action button is useful when it comes to perform some key actions like add...

How to add Logic in Flutter Code – Flutter 2022

How to add Logic in Flutter Code – Flutter 2022

In this flutter tutorial, we are going to add logic to our flutter code. We will simply do that by adding a simple function and will get Random Values printed directly in our Text Widget. This is the last video of our Section # 1 of the flutter basic crash course for...

How to Organize Flutter Code – Flutter Crash Code 2022

How to Organize Flutter Code – Flutter Crash Code 2022

In this tutorial, we are going to convert our code we created in our previous tutorials into a more organized format. We will learn how to divide our code into classes (stateless / Stateful). We will first clean our main() function and learn how to use fat Arrows in a...

Create First Flutter App Part II (Widgets) – Flutter 2022

Create First Flutter App Part II (Widgets) – Flutter 2022

In this flutter tutorial, we are going to create our first flutter app in android studio part II. In our previous tutorial Part I we learned, how to create a new flutter project on the previously installed Android studio and go through the basics of Flutter main() and...

How to Create First Flutter App – Flutter 2022

How to Create First Flutter App – Flutter 2022

In this flutter tutorial, we are going to create our first flutter app in android studio. We will first learn how to create a new flutter project on the previously installed Android studio. Watch Youtube tutorial   What is flutter? As stated in the flutter.dev,...

Flutter Crash Course – Free Flutter tutorials for beginners

Flutter Crash Course – Free Flutter tutorials for beginners

We are going to launch a brand new course of Flutter app development - Flutter Crash course for absolute beginners. In this course we will start from 0 and will cover all the basics that need to create professional app. This course is divided into 3 main parts Basics...

How to fix Issues in Flutter Doctor – Flutter Crash Course 2022

How to fix Issues in Flutter Doctor – Flutter Crash Course 2022

What is Flutter Doctor and how to run it? Flutter doctor is a command line tool. We can use flutter doctor to check weather our flutter and dart configurations are upto mark or there is some issue in them. To run a flutter doctor we can simply open our command prompt...

How to install Flutter on Android Studio 2022 for beginners

How to install Flutter on Android Studio 2022 for beginners

Flutter Series Overview - BriefErrors in Flutter InstallationThis is the second tutorial of Flutter Crash Course. In this tutorial we will learn how to install flutter in Android Studio. In our first tutorial we cover the overview of our series and you can check it...

Create a Custom Loading Progress Bar In Android Studio

Create a Custom Loading Progress Bar In Android Studio

In this tutorial, we will create a custom progress bar in android studio. We will use a regular progress bar but will add a custom background. If you want to watch any of the videos that are created before then click here.Watch Youtube tutorial  Create a...

Store Data in Firebase database  in an Android Studio # 15

Store Data in Firebase database in an Android Studio # 15

In this tutorial, we are going to store the user's data we get in signup activities inside the firebase realtime database. In the previous activity, we performed phone number verification using firebase and now we will store data once the phone number has been...

Firebase phone authentication in android studio 2020 – Part 14

Firebase phone authentication in android studio 2020 – Part 14

In this tutorial, we will create firebase OTP authentication in android studio. We will pass data from previous activities which are signup OR forget password. In our previous tutorial we set up firebase in the android studio so, if you are new here then please watch...

Complete Form Validation in the android studio – Part 12

Complete Form Validation in the android studio – Part 12

In this tutorial, we will create or perform form validation in android studio at multiple fields. We will validate username, email, password, phone number, date of birth(age) and also gender validation. We will use Material design fields we already created in login...

Material Design Signup Screen in Android Studio – Part 9

Material Design Signup Screen in Android Studio – Part 9

In this tutorial we will create a modern Signup screen in android studio using Material design libraries we added in login tutorial. In this tutorial we will create multiple fields in android like Material design editText, TextInputLayout, Date Picker, Radio Buttons,...

Bottom Navigation Bar in Android Studio – City Guide – Part 20

Bottom Navigation Bar in Android Studio – City Guide – Part 20

After creating professional login-signup screens with forget password, sessions (Shared preferences) and firebase series. From now onwards, after successful login sigup we will allow the user to enter in their dashboard of City Guide App we are creating which is...

Material Design Login Screen in Android – City Guide Part 8

Material Design Login Screen in Android – City Guide Part 8

In today's tutorial, we are going to create a Login Design in Android Studio - City Guide app. We will also learn how to add shared animations in android and how to use Material library 1.1.0 to design fields.Before Getting Started So, before going to start coding, we...

Login Signup Welcome Screen in Android – City Guide Part 7

Login Signup Welcome Screen in Android – City Guide Part 7

From now onwards, we will start another module of City Guide App we are creating which is Retailer Module. In today's tutorial, we will create a first retailer startup screen in which we will allow the user to either login or signup by adding some animations. Before...

Splash Screen in Android Studio – City Guide App – Part 2

Splash Screen in Android Studio – City Guide App – Part 2

In this tutorial, we are going to create a splash screen android tutorial with animations in android studio. In short, this is the first tutorial of our complete application in which we will be creating a City Guide App  android app with source code. Hence follow us...

Basic Setup of Android Studio – City Guide App – Part 1

Basic Setup of Android Studio – City Guide App – Part 1

We are creating a complete City Guide android application. For making that application we have learned how to download and install android studio in the previous tutorial. After that, we will learn how to do an android studio set up and what is the alternate of batch...