Fetch & Display User Details in Flutter | E-Learning App UI – Part 34 | Speed Code | 2025
Welcome to Part 34 of the Complete Flutter E-Learning App series!
In this speed code session, we implement the feature to fetch and display user details in your Flutter app using Firebase. 🔥
This screen plays a crucial role in showing personalized content for each user, and it's a must-have in modern apps!
✨ What You’ll Learn in This Video:
✅ Fetching user data from Firebase
✅ Displaying user info in a clean UI
✅ Handling user state efficiently
✅ Clean and scalable Flutter UI code
📦 Cloudinary Setup for the project
To use Cloudinary in your Flutter project for uploading images/videos, follow these steps:
1. Create a Cloudinary Account
👉 https://cloudinary.com/users/register...
2. Get your Cloud Name and Upload Preset
Go to your Cloudinary Dashboard
Copy your cloudName
Create an uploadPreset from Settings -Upload Upload Presets
🔥 More Videos in This Series:
📌 Part 1 - Project Overview ➝ • Complete Flutter Firebase E-Learning App S...
📌 Part 2 - Project Setup ➝ • Complete Flutter Firebase E-Learning App -...
📌 Part 3 - Splash Screen UI ➝ • Complete Flutter E-Learning App (Part 3) –...
📌 Part 4 - Onboarding Screen UI ➝ • Flutter E-Learning App – Beautiful Onboard...
📌 Part 5 - SignIn Screen UI ➝ • Complete Flutter Firebase E-Learning App –...
📌 Part 6 - SignUp Screen UI ➝ • Complete Flutter E-Learning App – Clean & ...
📌 Part 7 - Forgot Password Screen UI ➝ • Complete Flutter E-Learning App – Sleek Fo...
📌 Part 8 - Bottom Navigation Bar UI ➝ • Flutter E-Learning App – Sleek Bottom Navi...
📌 Part 9 - Essential Models ➝ • Flutter E-Learning App – Essential Models ...
📌 Part 10 - Home Screen ➝ • Complete Flutter E-Learning App – Beautifu...
📌 Part 11 - Course List Screen ➝ • Complete Flutter E-Learning App – Course L...
📌 Part 12 - Quiz List Screen ➝ • Complete Flutter E-Learning App – Quiz Lis...
📌 Part 13 - Profile Screen ➝ • Complete Flutter E-Learning App – Profile ...
📌 Part 14 - Course Detail Screen ➝ • Complete Flutter E-Learning App – Course D...
📌 Part 15 - Payment Screen ➝ • Complete Flutter E-Learning App – Payment ...
📌 Part 16 - Lesson Screen ➝ • Complete Flutter E-Learning App – Lesson S...
📌 Part 17 - Quiz Attempt Screen ➝ • Complete Flutter E-Learning App – Quiz Att...
📌 Part 18 - Quiz Result Screen ➝ • 💡 Complete Flutter E-Learning App – Quiz R...
📌 Part 19 - Notifications Screen ➝ • Complete Flutter E-Learning App – Notifica...
📌 Part 20 - Teacher Home Screen ➝ • Complete Flutter E-Learning App – Teacher ...
📌 Part 21 - My Courses Screen ➝ • Complete Flutter E-Learning App – My Cours...
📌 Part 22 - Chat List Screen ➝ • Complete Flutter E-Learning App – Chat Lis...
📌 Part 23 - Chat Screen ➝ • Complete Flutter E-Learning App – Chat Scr...
📌 Part 24 - Create Course Screen ➝ • Complete Flutter E-Learning App – Create C...
📌 Part 25 - Teacher Analytics Screen ➝ • Complete Flutter E-Learning App – Teacher ...
📌 Part 26 - Student Progress Screen ➝ • Complete Flutter E-Learning App – Student ...
📌 Part 27 - Analytics Dashboard Screen ➝ • Complete Flutter E-Learning App – Analytic...
📌 Part 28 - Edit Profile Screen ➝ • Complete Flutter E-Learning App – Edit Pro...
📌 Part 29 - Settings Screen ➝ • Complete Flutter E-Learning App – Settings...
📌 Part 30 - Privacy Policy & Terms of Service Screens ➝ • Complete Flutter E-Learning App – Privacy ...
📌 Part 31 - Help & Support Screen ➝ • Complete Flutter E-Learning App – Help & S...
📌 Part 32 - Firebase Setup ➝ • Complete Flutter Firebase E-Learning App |...
📌 Part 33 - Authentication ➝ • Complete Flutter Firebase E-learning App |...
📌 Part 35 - Coming Soon!
🔗 Follow me here:
📷 Instagram: https://www.instagram.com/edil.ayehu/...
💼 LinkedIn: www.linkedin.com/in/edilayehu-tadesse-ab4652278
☕ Buy Me a Coffee: https://buymeacoffee.com/dev_lucky
👍 Don’t forget to Like, Comment, and Subscribe for more high-quality Flutter tutorials!
#Flutter #Firebase #UserDetails #SpeedCode #MobileAppDevelopment #ELearningApp #UIUX #FlutterDev