Demo App

Overview

App Brewery Banner

Mi Card

Our Goal

Now that you've seen how to create a Flutter app entirely from scratch, we're going to go further and learn more about how to design user interfaces for Flutter apps.

What you will create

Mi Card is a personal business card. Imagine every time you wanted to give someone your contact details or your business card but you didn't have it on you. Well, now you can get them to download your business card as an app.

What you will learn

  • How to create Stateless Widgets
  • What is the difference between hot reload and hot refresh and running an app from cold
  • How to use Containers to lay out your UI
  • How to use Columns and Rows to position your UI elements
  • How to add custom fonts
  • How to add Material icons
  • How to style Text widgets
  • How to read and use Flutter Documentation

This is a companion project to The App Brewery's Complete Flutter Development Bootcamp, check out the full course at www.appbrewery.co

End Banner

You might also like...

The app to demo animation with Flutter by implement Facebook reactions

The app to demo animation with Flutter by implement Facebook reactions

Facebook Reactions Animation Description The app to demo animation with Flutter by implement Facebook reactions. Watch the demo video for more clarity

Jan 8, 2023

A simple flutter app with demo implementation of redux.

A simple flutter app with demo implementation of redux.

Flutter Redux Tutorial Redux Project is just a quick guide for implementation of redux.dart and flutter_redux . Written in dart using Flutter SDK. Ple

Jun 16, 2022

Demo UI of e-commerce app made with Flutter.

Demo UI of e-commerce app made with Flutter.

Flutter Ecommerce App UI Demo A sample application to show an Ecommerce App Flutter Clone. Demo Android Screen iOS Screen Getting Started This project

Jan 5, 2023

Flutter app demo multiple call with WebRTC and SFUs Architecture

Flutter app demo multiple call with WebRTC and SFUs Architecture

Video Call Flutter App (SFUs Architecture) 📱 Description: This is sandbox video call application using Flutter and WebRTC. SFUs – Selective Forwardin

Dec 5, 2022

Food App Demo for learning Flutter

foodapp_demo Food App Demo for learning Flutter Slicing UI SetState StateFull Widget LINK TUTORIAL https://www.youtube.com/watch?v=1Xd15C2k4OU&list=PL

Mar 12, 2022

A demo flutter mobile app for a Bureau De Change

A demo flutter mobile app for a Bureau De Change

first_ally_demo A Flutter App DEMO challenge for First Ally. A brief preview Walk through Adding account Converting currency Getting Started Test Card

Jul 27, 2022

Supabase flutter user management demo app.

Supabase flutter user management demo app.

Supabase Flutter User Management This example will set you up for a very common situation: users can sign up with a magic link and then update their a

Dec 3, 2022

A flutter demo app to implement google admob ads

test_ads A Flutter demo app to implement google admob ads. Getting Started important - if you are cloning the repo to your desktop, you will need to p

Apr 4, 2022

A demo pos app

pos_demo A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Mar 1, 2022

Demo App

Demo App

Mi Card Our Goal Now that you've seen how to create a Flutter app entirely from scratch, we're going to go further and learn more about how to design

Nov 23, 2021

Demo app for Flutter Global Summit 21 Vol 2 talk by Oleksandr Leushchenko

Demo app for Flutter Global Summit 21 Vol 2 talk by Oleksandr Leushchenko This demo showcases a fake functional programming library usage. Go to the s

Dec 9, 2021

A sample app to showcase signin-signup UI demo using clippers in flutter

A sample app to showcase signin-signup UI demo using clippers in flutter

flutter_signin_signup A sample app to showcase signin-signup UI demo using clippers in flutter. Screenshots Login Register Pull Requests I welcome and

Nov 3, 2022

"Login Demo" app which shows how to use google sign in Android and iOS using Flutter.

⚠️ ARCHIVED: This repository is using Flutter 1.7 for the sample app. You can find the latest version of the similar implementation on this new repo.

Dec 2, 2022

The app to demo animation with Flutter by implement Facebook reactions

The app to demo animation with Flutter by implement Facebook reactions

Facebook Reactions Animation Description The app to demo animation with Flutter by implement Facebook reactions. Watch the demo video for more clarity

Dec 30, 2022

Eds - A mini app demo that gets data from JSONPlaceholder

Eds - A mini app demo that gets data from JSONPlaceholder

eds_test A mini demo app using JSONPlaceholder API. Requirements Make sure you h

Nov 28, 2022

A flutter demo app to practice List.generate with ListView.builder

ListView 3 A flutter demo app to practice List.generate with ListView.builder Developer Alexander Sosa (https://www.linkedin.com/in/alexander-sosa-asi

Jan 3, 2022

A flutter demo app to practice Map data structure and its common operations

Map Operations A flutter demo app to practice Map data structure and its common operations Developer Alexander Sosa (https://www.linkedin.com/in/alexa

Jan 3, 2022

A flutter demo app to practice ListView and Cards

A flutter demo app to practice ListView and Cards

Jan 3, 2022

A flutter demo app to practice ListView.separated

ListView 2 A flutter demo app to practice ListView.separated Developer Alexander Sosa

Jan 3, 2022
Owner
Albusaidy Yassin
Albusaidy Yassin
Flutter Portfolio App Concept - Day 33

Flutter Portfolio App Concept - Day 33

Mohammad Rahmani 29 Nov 10, 2022
It says it all. Not In Flutter Docs, a sort of underground guide to flutter app development and design.

Not In Flutter Docs It says it all. Not In Flutter Docs, a sort of underground guide to flutter app development and design. Licenses Code is under BSD

Fred Grott 56 Dec 27, 2022
Animal Sounds App written in flutter for the #100daysOfCode

animalsounds A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Antonio Giordano 0 Jan 9, 2022
How to implement search functionality in any app with material design

Material Search App or Integrate it with Any App A new Flutter project. Getting Started This project is a starting point for a Flutter application. A

Iqrar Ijaz 1 Aug 23, 2022
App concept created with Flutter using Dart programming language, inspired by Multi Search By Categories.

Photography Explorer Flutter App App concept created with Flutter using Dart programming language, inspired by Multi Search By Categories. About This

Wilton Neto 103 Sep 28, 2022
Starter app for Flutter that includes many different production app features; some not typically included in demo apps.

first_app: Starter app for a Flutter production app Maintainer: Greger Wedel, https://github.com/gregertw Listed on: Latest build and artifacts: ** La

Greger Teigre Wedel 371 Dec 28, 2022
Starter app for Flutter that includes many different production app features; some not typically included in demo apps.

first_app: Starter app for a Flutter production app Maintainer: Greger Wedel, https://github.com/gregertw Listed on: Latest build and artifacts: ** La

Greger Teigre Wedel 373 Jan 8, 2023
Demo app with continuous integration setup for auto across android/iOS app stores

demo_flutter_ci A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

null 0 Dec 25, 2021
A sample app to showcase Recipes App UI demo in flutter

Flutter-Recipes-App-UI A sample app to showcase Recipes App UI demo in flutter. Development Setup Clone the repository and run the following commands:

Faiz Rhm 5 Dec 20, 2022
A sample app to showcase Crypto Wallet App UI demo in flutter.

Flutter-Crypto-Wallet-App A sample app to showcase Crypto Wallet App UI demo in flutter. Development Setup Clone the repository and run the following

Faiz Rhm 26 Dec 14, 2022