In this flutter app [2022], you will learn to design, code, and write back-end professionally.

You will also be able to create any type of app after watching this series step by step.

The main reason to create this login app is to easily cover more core concepts with less code, that requires in any app development.

We will create a login app in flutter, that will cover the following topics:-

1. UI / UX
2. Firebase
3. GetX State Management
4. Shared Preferences (Sessions)
5. Animations and much more…

This Flutter app can also be used in any type of Flutter Application that requires LOGIN, SIGNUP functionality.

I have divided this course in 2 main parts.

• Design Flutter Apps – UI / UX
• Write Back-end code / functionality using GETX State-Management and FIREBASE as Database.

import 'package:flutter/material.dart';


/* -- LIST OF ALL COLORS -- */

const tPrimaryColor = Color(0xFFFFE400);
const tSecondaryColor = Color(0xFF272727);
const tAccentColor = Color(0xFF001BFF);

const tWhiteColor = Colors.white;
const tDarkColor = Color(0xff000000);
const tCardBgColor = Color(0xFFF7F6F1);



// -- ON-BOARDING COLORS
const tOnBoardingPage1Color = Colors.white;
const tOnBoardingPage2Color = Color(0xfffddcdf);
const tOnBoardingPage3Color = Color(0xffffdcbd);

/* -- App Image Strings -- */


// -- Splash Screen Images
const String tSplashTopIcon = "assets/images/splash_images/splash-top-icon.png";
const String tSplashImage = "assets/images/splash_images/splash-screen-image.png";


// -- OnBoarding Screen Images
const String tOnBoardingImage1 = "assets/images/on_boarding_images/on-boarding-image-1.png";
const String tOnBoardingImage2 = "assets/images/on_boarding_images/on-boarding-image-2.png";
const String tOnBoardingImage3 = "assets/images/on_boarding_images/on-boarding-image-3.png";


// -- Welcome Screen Images
// -- also used in Login & SignUp
const String tWelcomeScreenImage = "assets/images/welcome_images/welcome-screen-image.png";


// -- Login & SignUp Images
const String tGoogleLogoImage = "assets/logo/google-logo.png";


// -- Forget Password Images
const String tForgetPasswordImage = "assets/images/forget_password/forget-password.png";

/* -- App Sizing -- */

//App default Sizing
const tDefaultSize = 30.0;
const tSplashContainerSize = 30.0;
const tButtonHeight = 15.0;
const tFormHeight = 30.0;

/* -- App Text Strings -- */

// -- GLOBAL Texts
const String tNext = "Next";
const String tLogin = "Login";
const String tEmail = "E-Mail";
const String tSignup = "Signup";
const String tPhoneNo = "Phone No";
const String tPassword = "Password";
const String tFullName = "Full Name";
const String tForgetPassword = "Forget Password";
const String tSignInWithGoogle = "Sign-In with Google";


// -- Splash Screen Text
const String tAppName = ".appable/";
const String tAppTagLine = "Learn To Code. \nFree For Everyone";


// -- On Boarding Text
const String tOnBoardingTitle1 = "Build Awesome Apps";
const String tOnBoardingTitle2 = "Learn from YouTube";
const String tOnBoardingTitle3 = "Get Code & Resources";
const String tOnBoardingSubTitle1 = "Let's start your journey with us on this amazing and easy platform.";
const String tOnBoardingSubTitle2 = "Get Video Tutorials of each topic to learn things easily.";
const String tOnBoardingSubTitle3 = "Save time by just copy pasting complete apps you learned from videos.";
const String tOnBoardingCounter1 = "1/3";
const String tOnBoardingCounter2 = "2/3";
const String tOnBoardingCounter3 = "3/3";


// -- Welcome Screen Text
const String tWelcomeTitle = "Build Awesome Apps";
const String tWelcomeSubTitle = "Let's put your creativity on the development highway.";


// -- Login Screen Text
const String tLoginTitle = "Welcome Back,";
const String tLoginSubTitle = "Make it work, make it right, make it fast.";
const String tRememberMe = "Remember Me?";
const String tDontHaveAnAccount = "Don't have an Account? ";


// -- Sign Up Screen Text
const String tSignUpTitle = "Get On Board!";
const String tSignUpSubTitle = "Create your profile to start your Journey.";
const String tAlreadyHaveAnAccount = "Already have an Account? ";


// -- Forget Password Text
const String tForgetPasswordTitle = "Make Selection!";
const String tForgetPasswordSubTitle = "Select one of the options given below to reset your password.";
const String tResetViaEMail = "Reset via Mail Verification";
const String tResetViaPhone = "Reset via Phone Verification";

// -- Forget Password Via Phone - Text
const String tForgetPhoneSubTitle = "Enter your registered Phone No to receive OTP";

// -- Forget Password Via E-Mail - Text
const String tForgetMailSubTitle = "Enter your registered E-Mail to receive OTP";