Flutter Onboarding Screen Only One Time | Flutter eCommerce App with Firebase

Рет қаралды 14,465

Күн бұрын

Join us in this detailed Flutter Firebase tutorial, where we unveil the secrets to creating a captivating onboarding screen that appears only once-providing users with a personalized introduction to your e-commerce masterpiece. In this step-by-step guide, we'll leverage Firebase Authentication to intelligently determine whether the user is new or returning, presenting a seamless onboarding journey that leaves a lasting impression.
► Complete E-Commerce App Playlist : • Professional Flutter E...
🎊 E-COMMERCE APP
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎁 DOWNLOAD SOURCE CODE: codingwitht.com/product/flutt...
❤️ FLUTTER E-COMMERCE APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Complete E-Commerce App : • Professional Flutter E...
► Section - 1 Configuration : • Professional Flutter P...
► Section - 2 Login App : • Professional Flutter P...
► Section - 3 eCommerce UI : • Flutter Complete Ecomm...
► Section - 4 Login Backend: • Flutter Firebase Cours...
► Section - 5 eCommerce Backend: • Flutter E-Commerce App...
❤️ SUBSCRIPTIONS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Join Patreon to Access Premium Content: / membership
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP FIREBASE • Flutter Login App - UI...
🧑‍💻 RELATED VIDEOS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Splash Screen Design: • Latest Flutter Splash ...
► Login Screen Design: • Login Page in Flutter ...
► Onboarding Screen Design • Flutter Onboarding Scr...
► GetX Basics: • Flutter Firestore CRUD...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
00:11 Video Overview
01:05 Video Breakdown
02:22 Playlist Overview
05:05 Error: Unhandled Exception: Binding has not yet been initialized
06:10 Load and Initialize GetStorage
07:35 Showing/Hiding Native Splash Screen Manually
08:29 Setup Authentication Repository (Screen Redirection)
11:19 Store/Retrieve data from Local Storage
FOLLOW US ON SOCIAL MEDIA
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 Facebook | / codingwithtea
💻 Instagram | / coding_with_tea
❤️ Subscribe | kzfaq.info...
#ecommerceapp #tstore #coding_with_t
DETAILS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Tailored Onboarding: Elevate user engagement with an onboarding screen designed to appear only during the user's first encounter with your app. Learn how to harness Firebase Authentication to intelligently decide whether to showcase the onboarding experience or direct returning users straight to the login screen after the splash screen.
Manual Splash Screen Control: Take charge of your app's first impression by learning the art of manually showing or hiding the native splash screen. Customize this visual introduction to align seamlessly with your brand, creating an immersive and unique experience for your users.
Authentication Repository Setup: Dive into the intricacies of setting up an authentication repository. Develop a function for streamlined screen redirection post-splash screen, ensuring a smooth transition based on the user's authentication status-whether it's their first visit or a return.
Efficient Local Storage Mastery: Uncover the power of local storage to efficiently store and retrieve data, optimizing your app's performance. Provide users with a swift, responsive experience while reducing dependencies on external sources.
#Flutter #Firebase #AppDevelopment #FlutterTutorial #FirebaseTutorial #OnboardingScreen #AuthenticationRepository #LocalStorageMastery

Пікірлер: 58

@khaledmohamed6777 7 ай бұрын

Best channel ever ❤️🙏

@CodingwithT 7 ай бұрын

Thank you so much 😊

@im-thEo 7 ай бұрын

Excellent, waiting for the next one.

@CodingwithT 7 ай бұрын

Coming Soon

@seanchuru7553 6 ай бұрын

how do i use the same only one time method in a custom splash screen and not a native one

@aimansohail4402 2 ай бұрын

Hey, how do i use the same only one time method in a custom splash screen and not a native one?

@Oueslati455 7 ай бұрын

many thanks , you're the best

@CodingwithT 7 ай бұрын

You welcome 🤗

@Oueslati455 7 ай бұрын

i have one small proposal can you add for example auction page for one specific product selected with timing for example between 10 and 12 pm , this idea come now hhhh many thanks@@CodingwithT

@anmarm.9487 6 ай бұрын

Great tutorial. thumbs Up, a suggestion, will it be possible to make a simpler ecommerce App but with Provider not GetX.

@CodingwithT 6 ай бұрын

Sure 😊 I'll try

@BansiRadadiya-pi6zy 5 ай бұрын

i can not see spalsh. Screen

@maazafridi2090 7 ай бұрын

its a request that please explain little bit more all the backend concepts. because we are facing some difficulties as this is our first time. other than that all videos are good.

@user-pi5gq6eq5o 3 ай бұрын

hi, just curious, the getStorage() function, is it have the same concept like session() in php? like, it retain the variable when accessing the storage index(key) ??

@CodingwithT 3 ай бұрын

Yes it does

@khaledmohamed6777 7 ай бұрын

Hi, Do you recommend using local storage database like SQLite with get x to reduce write and reads?

@CodingwithT 7 ай бұрын

Yes if you think it's worthwhile then you should do it. A Quick Tip: some of the big companies even store complete database copy on the SQLite server to speed up the process. Also depends on the situation. You will also learn this process in the upcoming videos of Section 5 🎉😃

@khaledmohamed6777 7 ай бұрын

@@CodingwithT 🙏❤️

@FabianKim. 7 ай бұрын

Thank you sir🎉... Is it possible to add a smooth animation/transition form splash screen to login screen?

@CodingwithT 7 ай бұрын

You welcome 🤗. Not sure if we can do that using Native Splash

@Suleiman-PC 7 ай бұрын

We are waiting for you our boss😜

@CodingwithT 7 ай бұрын

Uploading in a few hours 😁 🎉🕜

@Suleiman-PC 7 ай бұрын

Thank you boss🤗@@CodingwithT

@sameel2531 7 ай бұрын

how many video parts is balance..this video last video of this project?

@CodingwithT 7 ай бұрын

There are a few more back-end videos remaining.

@GAMEBEST23 7 ай бұрын

Thank a lot. Is possible to use supabase wth this project?

@CodingwithT 7 ай бұрын

Yes you can

@aadilkhannew 7 ай бұрын

*Dear sir please make a video in this topic* I have an application on the Google Play Store, programmed natively with java. The application is live on google play with users. I now need to re-program it using the flutter platform. How can I replace the old native application with the new flutter application without losing all users to the old one, or having users be forced to delete the old app and install a new one? I have a great need for all users of the old application and I do not want to lose any of them.

@CodingwithT 7 ай бұрын

See you just need the same application package name like com.codingwitht.eCommerce and as flutter also generates native files so just upload the new version

@dilshanisenarathna8096 7 ай бұрын

Dear Taimoor, I faced a problem with sceen size of my app UI. I follow you, step by step. I testing app with my real android device. The problem is, that my app's UI is bigger than your emulator UIs. What could be the reason? Please expain.Thank you

@CodingwithT 7 ай бұрын

It's because your device is set-up this way. You can reduce the size from your display settings

@wseymondzongo100 7 ай бұрын

Hey I face some issues when run my screen is dark I can't see my splash screen and the onboarding too

@geiseebag8754 4 ай бұрын

same issue

@Occult552 3 ай бұрын

@@geiseebag8754 same issue @CodingwithT. I have infinite I/ViewRootImpl@dc352ac[MainActivity](19774): [DP] cancelDraw null isViewVisible: true and a black screen

@from_whatch 6 ай бұрын

which architecture used this project

@CodingwithT 6 ай бұрын

Folder structure is a feature first.

@unknownprogramme 3 ай бұрын

get storage me value store krwaty hain jb app first time open krty hain lekin next time jb app open krty hain to value null return ho rhi hai jb k key same hai but value always nulkl return hoti hai jb k mene false store kr rakhi hai

@CodingwithT 3 ай бұрын

Yeh masla ho sakta hai kyun ke "get_storage" data ko local storage mein store karta hai, aur jab app phir se open hoti hai toh yeh check karta hai ke kya value mojood hai ya nahi. Agar value null a rahi hai, toh kuch possible reasons ho sakti hain: Value Sahi Tarah Se Store Nahi Hui: Yeh ho sakta hai ke value ko sahi tarah se store nahi kiya gaya. Zaroori hai ke value ko sahi tareeqe se store karein, aur check karein ke koi mistake ya typo na ho. Local Storage Ki Permission: Agar app ke local storage ki permissions theek se set nahi hain, toh ho sakta hai ke data store hi na ho. Zaroori hai ke app ke permissions ko check karein aur theek se set karein. App Ke Lifecycle: Agar app ke lifecycle mein koi issue hai, jaise ke data sahi tareeqe se initialize nahi ho raha, ya phir phir se initialize ho raha hai, toh yeh bhi issue create kar sakta hai. Is liye, app ke lifecycle ko bhi check karein. Get_storage Configuration: Agar get_storage ki configuration mein koi issue hai, toh yeh bhi problem ka sabab ban sakta hai. Get_storage ko sahi tareeqe se initialize karein aur configuration mein koi mistake na ho. In sabhi cheezon ko check kar ke dekhein aur dekhein ke kya wajah hai ke value null return ho rahi hai jab app dobara open hoti hai. Agar issue resolve nahi ho raha hai, toh detailed debugging aur error logging se problem ko pinpoint karein.

@unknownprogramme 3 ай бұрын

@@CodingwithT ok Thanks❤️

@shehriyaarahmad5044 7 ай бұрын

sir isme step by step hain na sari videos r iske ilawa how many videos are left ?

@CodingwithT 7 ай бұрын

Everything is step by step and there are few videos left.

@user-kv5fp6oq9r 4 ай бұрын

Please wait animated in Google Drif to be able to download because your project is paid and I want pictures only

@CodingwithT 4 ай бұрын

you can get these animations from icons8.com/illustrations/styles/animated-1

@BansiRadadiya-pi6zy 5 ай бұрын

where is DefaultFirebaseOptions class

@CodingwithT 5 ай бұрын

Please watch previous videos

@Unknownue8686 7 ай бұрын

sir in my case, app splash screen se any he nahi ja rahi , kya reason ho skti?

@CodingwithT 7 ай бұрын

Just try to rerun or first run flutter clean then flutter pub get and re run your app

@user-dx7pj2uw8c 5 ай бұрын

I also facing same issue. Also did flutter clean and flutter pub get. Still same problem@@CodingwithT

@user-dx7pj2uw8c 5 ай бұрын

Issue is fixed. By mistakenly I have written 'AuthenticationRepository' only instead of 'AuthenticationRepository()'

@Suleiman-PC 7 ай бұрын

❤❤❤

@godkingus 7 ай бұрын

❤

@Islamicdosedaily 7 ай бұрын

❤🎉

@CodingwithT 7 ай бұрын

Thank you 😊

@user-ox1jm2mx4j 7 ай бұрын

❤