Flutter UI Design | Fitnest App

In this Flutter UI Design Tutorial, learn how to create a Welcome page with Login & Sign up screens in a single Fitnest app.⁣

What you will be learning in the process?

* How to use the bottom navigation bar.
* How to navigate between pages.
* How to use Form widget.
* How to create a Text Editing Controller.
* How to use Validator.
* How to use Tap Gesture Recognizer.
* How to use Rich Text.
* How to use Scaffold Messenger (Snackbar).
* How to use Text Form Field (with almost all of its properties).

Full playlist: https://www.youtube.com/playlist?list...

So, I've made a prototype using Figma and implemented the design in Flutter.

Figma is my personal favorite Design tool and it’s probably the best application for team-based collaborative design projects. It's one of the fastest-growing design tools right now.

Flutter, on the other hand, is an open-source UI software development kit created by Google and used to develop beautiful cross-platform applications for mobile, web, and desktop from a single codebase. It's the fastest-growing UI toolkit right now. That's why I am creating tutorials to help new developers cover the Basics and features of Flutter.

If you're a beginner to Flutter & Figma or planning to switch to Flutter & Figma, don't forget to subscribe to this channel and hit the bell icon.

GitHub Link: https://github.com/aliMissaoui/Fitnest

00:00- Intro
00:10 - Preview
00:20 - Assets Declaration
00:50- Opening Screen
02:25- Login & Sign up Screens
09:20 - Final Result
Web design
Be the first to comment