- 306
- 802 880
WTF Code
United States
Приєднався 8 бер 2023
Learning Programming and Software Development in Public.
Current Focus: Flutter, Web and Prompt engineering.
Current Focus: Flutter, Web and Prompt engineering.
Flutter UI Design Stojo App
In this video, we’ll guide you through creating a stunning Stojo App UI using Flutter! Perfect for beginners and those looking to enhance their Flutter UI design skills, this tutorial provides a step-by-step guide to building a modern and responsive app interface.
What You’ll Learn:
How to start with Flutter UI design basics.
Designing sleek, functional layouts for the Stojo App UI.
Tips and tricks for crafting visually appealing and user-friendly interfaces.
Best practices for efficient Flutter UI development.
Whether you're a beginner or looking to sharpen your design skills, this tutorial covers everything from layout creation to implementing polished designs. Follow along and create an eye-catching UI in Flutter today!
Buy me a Coffee:buymeacoffee.com/wtfcode
(You can also buy me a coffee to motivate me for great content)
Source Code:
**If you have any queries then message me(for business purposes, any doubt and help)
nabinpaudyal2057@gmail.com**
Join our Discord family! We learn, share, and push each other forward on our journey together. If you have faced any error on any project or by following the tutorial we are trying to help you. link:discord.gg/NCy8hUVE
Design: dribbble.com/shots/14286390-Stojo-Mobile-App
Flutter Playlist: ua-cam.com/play/PLOEXB48nQMqO3us-NPMz2wAvFRLIux2jf.html
100 DayOf Flutter: ua-cam.com/play/PLOEXB48nQMqPK6gb_o4BXg3VhmabCujex.html
Firebase Playlist: ua-cam.com/play/PLOEXB48nQMqMLSmTl4map86azcuB2EqwI.html
Firebase 2024 playlist : ua-cam.com/play/PLOEXB48nQMqPgaDB6-rYBxX8AxFGW5lF3.html
API Playlist:ua-cam.com/play/PLOEXB48nQMqPQD-AnyHPw8dyRTJGCKQeJ.html
Flutter Animation Playlist: ua-cam.com/play/PLOEXB48nQMqPmUnHkkrndLBIfzVtTYYgZ.html
Flutter Web playlist: ua-cam.com/play/PLOEXB48nQMqP-9984b1ZAxMTyq0_8-eMD.html
Flutter UI Playlist: ua-cam.com/play/PLOEXB48nQMqPHPN79sya9t2q1GX6SiNtU.html
Connect with us on Social Media
Twitter: NabinPaudyal2
GitHub: github.com/Nabinji
Instagram: wtfcode01
Music track: Building Dreams by Aylex
Source: freetouse.com/music
Music for Video (Free Download)
#flutter #flutteruidesign #uidesigntutorial #uidesigntutorialforbeginners #flutterui #wtfcode #wtf_code #coding #programming #flutterwidgets
What You’ll Learn:
How to start with Flutter UI design basics.
Designing sleek, functional layouts for the Stojo App UI.
Tips and tricks for crafting visually appealing and user-friendly interfaces.
Best practices for efficient Flutter UI development.
Whether you're a beginner or looking to sharpen your design skills, this tutorial covers everything from layout creation to implementing polished designs. Follow along and create an eye-catching UI in Flutter today!
Buy me a Coffee:buymeacoffee.com/wtfcode
(You can also buy me a coffee to motivate me for great content)
Source Code:
**If you have any queries then message me(for business purposes, any doubt and help)
nabinpaudyal2057@gmail.com**
Join our Discord family! We learn, share, and push each other forward on our journey together. If you have faced any error on any project or by following the tutorial we are trying to help you. link:discord.gg/NCy8hUVE
Design: dribbble.com/shots/14286390-Stojo-Mobile-App
Flutter Playlist: ua-cam.com/play/PLOEXB48nQMqO3us-NPMz2wAvFRLIux2jf.html
100 DayOf Flutter: ua-cam.com/play/PLOEXB48nQMqPK6gb_o4BXg3VhmabCujex.html
Firebase Playlist: ua-cam.com/play/PLOEXB48nQMqMLSmTl4map86azcuB2EqwI.html
Firebase 2024 playlist : ua-cam.com/play/PLOEXB48nQMqPgaDB6-rYBxX8AxFGW5lF3.html
API Playlist:ua-cam.com/play/PLOEXB48nQMqPQD-AnyHPw8dyRTJGCKQeJ.html
Flutter Animation Playlist: ua-cam.com/play/PLOEXB48nQMqPmUnHkkrndLBIfzVtTYYgZ.html
Flutter Web playlist: ua-cam.com/play/PLOEXB48nQMqP-9984b1ZAxMTyq0_8-eMD.html
Flutter UI Playlist: ua-cam.com/play/PLOEXB48nQMqPHPN79sya9t2q1GX6SiNtU.html
Connect with us on Social Media
Twitter: NabinPaudyal2
GitHub: github.com/Nabinji
Instagram: wtfcode01
Music track: Building Dreams by Aylex
Source: freetouse.com/music
Music for Video (Free Download)
#flutter #flutteruidesign #uidesigntutorial #uidesigntutorialforbeginners #flutterui #wtfcode #wtf_code #coding #programming #flutterwidgets
Переглядів: 570
Відео
Flutter Provider Tutorial For Beginners With Project
Переглядів 1,8 тис.21 годину тому
Welcome to our Flutter Provider Tutorial for Beginners! In this video, we’ll take you step-by-step through the Provider state management package in Flutter. Starting with the basics, you'll learn how to manage state effectively in your apps and build five practical projects to master Provider. What’s Included: Introduction to Provider: Learn the fundamentals, including ChangeNotifier, getters, ...
Flutter Firebase Realtime Database CRUD (Create, Read, Update and Delete)
Переглядів 99014 днів тому
Dive into the world of Flutter Firebase CRUD operations with this comprehensive tutorial! Learn how to seamlessly integrate the Firebase Realtime Database into your Flutter apps to perform Create, Read, Update, and Delete operations. 🔷 What’s Covered in This Video: Setting up Firebase Realtime Database in your Flutter project. Implementing CRUD operations for a fully functional app. Writing and...
Syncfusion Flutter Charts || Speedometer App in Flutter
Переглядів 71114 днів тому
Create an interactive Speedometer App in Flutter in this exciting tutorial! Using Syncfusion Flutter Charts, we'll design a functional and visually appealing speedometer with real-time interaction. Watch as the speed dynamically increases when you press the accelerator button and decreases when you hit the brake button. 🔷 What You'll Learn in This Video: How to build a digital speedometer using...
Car App Flutter | Flutter UI Design
Переглядів 1,3 тис.14 днів тому
Learn how to create a Car App UI in Flutter with this detailed tutorial designed for beginners and Flutter enthusiasts! This video walks you through the complete process of designing a stunning and fully responsive car app user interface, step by step. 🔷 What You’ll Learn in This Video: How to design a modern and professional car app UI using Flutter. Implementing essential UI elements like car...
How to Build Tic-Tac-Toe and Snake Games in Flutter
Переглядів 52521 день тому
Learn how to build Tic-Tac-Toe and Snake Games in Flutter with this step-by-step tutorial designed for beginners and Flutter enthusiasts! In this video, you'll create two exciting games from scratch, gaining essential skills for Flutter game development. 🔷 What’s Covered in This Tutorial? Designing and implementing the Tic-Tac-Toe game logic with smooth user interactions. Building the classic S...
Flutter UI - Pet App
Переглядів 81021 день тому
In this Flutter tutorial where we design a stunning Pet Adoption App UI! This step-by-step guide is perfect for beginners and those looking to enhance their Flutter UI design skills. In this video, we will: 🐾 Create an engaging and user-friendly Pet Adoption App UI for discovering pets available for adoption. 🐾 Design a clean and modern layout with sections for pet profiles, adoption details, a...
Flutter UI Designs for Beginners to Advanced | Step-by-Step Tutorial
Переглядів 1,8 тис.28 днів тому
Welcome to "Flutter UI Designs for Beginners to Advanced | Step-by-Step Tutorial"! In this video, we dive deep into creating 5 stunning and responsive Flutter UI designs, perfect for all skill levels-starting from beginners and progressing to advanced concepts. We will design: 1️⃣ Coffee Shop App UI: A clean and modern design to enhance your UI fundamentals. 2️⃣ Plant Shop App UI: A visually ap...
Flutter Chat Bot || Flutter AI || Flutter Gemini
Переглядів 1 тис.Місяць тому
Discover the power of AI in Flutter development with this comprehensive tutorial! Learn Flutter chat bot, flutter gemini and how to integrate cutting-edge AI technologies into your Flutter apps using Gemini API and Stability.ai. In this video, we create three innovative projects: 1️⃣ AI Chatbot: Build a smart chatbot with Gemini API that answers user queries and enhances interaction in your app...
Expense Tracker App UI Flutter | Finance App UI
Переглядів 1,2 тис.Місяць тому
Take your Flutter UI design skills to the next level with this Monthly Expense Tracker App tutorial! This video showcases a sleek and modern finance app UI that is perfect for tracking expenses and managing budgets. Whether designing a budget tracker app or creating a comprehensive expense tracker app, this speed code tutorial will guide you through building an engaging and responsive UI. Here'...
Provider Flutter | Basic Concept of Provider || Habit Tracker Flutter
Переглядів 580Місяць тому
Unlock the power of Flutter's Provider package with this beginner-friendly tutorial! In this video, we dive into the basic concepts of Provider state management and show you how to build a fully functional Habit Tracker App. You'll learn how to implement state management efficiently to track habits, update states, and manage data dynamically in your Flutter apps. We'll cover: The fundamentals o...
Provider Flutter | Basic Concept of Provider
Переглядів 697Місяць тому
In this tutorial, we’ll explore the power of Flutter Provider, its basic concepts, and how it simplifies state management in Flutter apps. Perfect for beginners, this video takes you step by step through the core concepts of Provider and demonstrates its practical application by building a fully functional Expense Tracker App. You’ll learn how to use Provider to efficiently manage state across ...
Flutter Ecommerce app || Flutter UI Design
Переглядів 3,5 тис.Місяць тому
Dive into this comprehensive Flutter E-commerce App tutorial where we design a stunning e-commerce app UI from scratch! Perfect for beginners and Flutter enthusiasts, this video focuses on creating a visually appealing and functional app design. Learn how to craft beautiful product pages, category views, and interactive elements that enhance user experience. We’ll explore step-by-step UI design...
Responsive UI in Flutter: Design Apps for Android, iOS, Web, and Desktop
Переглядів 840Місяць тому
Learn how to create responsive UI in Flutter that adapts seamlessly to Android, iOS, web, and desktop platforms! In this flutter responsive design tutorial, we explore four unique approaches to mastering responsive design by building practical projects demonstrating Flutter's power for cross-platform development. We’ll start by designing a fully responsive portfolio website with navigation, ski...
Flutter Chatbot || AI Chatbot Flutter Using Gemini API
Переглядів 777Місяць тому
Dive into the exciting world of AI-powered apps with this Flutter tutorial! In this video, we’ll create an interactive AI chatbot using Flutter and the Gemini API, designed to handle text and image-based queries seamlessly. Our AI chatbot doesn’t just engage in conversation-it can also analyze images! Provide any image, and the chatbot will: Describe what's in the image Identify the location in...
Flutter Firebase Role-Based Authentication Tutorial
Переглядів 2,1 тис.Місяць тому
Flutter Firebase Role-Based Authentication Tutorial
Flutter Tutorial for Beginners Using Firebase Provider and Flutter Animation
Переглядів 2,3 тис.Місяць тому
Flutter Tutorial for Beginners Using Firebase Provider and Flutter Animation
Flutter PDF Tutorial | How to Show PDF File in Flutter (asset & network)
Переглядів 508Місяць тому
Flutter PDF Tutorial | How to Show PDF File in Flutter (asset & network)
Complete Flutter Firebase, Provider & Google Map Tutorial for Beginners | Full Flutter Project
Переглядів 5 тис.Місяць тому
Complete Flutter Firebase, Provider & Google Map Tutorial for Beginners | Full Flutter Project
Flutter Responsive Dashboard | Flutter Web App Responsive Design Tutorial
Переглядів 2,7 тис.Місяць тому
Flutter Responsive Dashboard | Flutter Web App Responsive Design Tutorial
OneSignal Push Notification Flutter || Flutter Push Notification
Переглядів 1,5 тис.Місяць тому
OneSignal Push Notification Flutter || Flutter Push Notification
Flutter Food Delivery App With Provider
Переглядів 3,5 тис.2 місяці тому
Flutter Food Delivery App With Provider
Flutter Hive CRUD || Hive Database Flutter
Переглядів 9882 місяці тому
Flutter Hive CRUD || Hive Database Flutter
Complete Flutter UI Design Tutorial For Beginners
Переглядів 6 тис.2 місяці тому
Complete Flutter UI Design Tutorial For Beginners
Doctor Appointment App Flutter || Flutter UI Design Tutorial
Переглядів 2,8 тис.2 місяці тому
Doctor Appointment App Flutter || Flutter UI Design Tutorial
Build a Complete Voting App in Flutter using Provider State Management
Переглядів 9652 місяці тому
Build a Complete Voting App in Flutter using Provider State Management
Mobile Banking App Flutter || Flutter UI Design
Переглядів 7642 місяці тому
Mobile Banking App Flutter || Flutter UI Design
Build a Complete Airbnb App with Flutter, Firebase, Google Maps & Provider
Переглядів 12 тис.2 місяці тому
Build a Complete Airbnb App with Flutter, Firebase, Google Maps & Provider
Flutter Text to Image || Flutter AI Image Generator
Переглядів 1,4 тис.2 місяці тому
Flutter Text to Image || Flutter AI Image Generator
you deserve billion subs
Thank you for this savior video
bro if you are reading this commenct plz make one video how to make ai photo enhacer apppliaction using api from replicita or flask in python any one whatwever you want
you are really a life saver
Nice Auto Subscribe
Love you borther. Thank You So Much
So nice of you
Someone please help tell me how did you add the firebase_core, from where did you add it I am confused. I do not have a main.dart file I only have my project's login file.
You can add a package from anywhere-maybe from the terminal or copy the package from pub.dev, or some other way. If you are creating a new Flutter project, then there is already a main. Dart fires every time.
@wtf-code thankyou so much. Please also make videos on authentication (SHA 1 and SHA 2) as well as how to make database for latest version of flutter. Other youtube videos are very outdated
Great video, very helpful. Thank you!
Glad to know.
you are doing an amazing work out there, I tried to send you email but your email is private. I have a project at hand maybe we can discuss and see how to work together. Thank you
Thank you For your kind word. My email is public, i haver Received many email, Sir you can easily contact me on email, discord: discord.gg/UfNJMb6Z
Plz sir kannada daga kalsi plzz
Am michael from Africa ... I like your tutorial but I don't kno anything about coding and how to make flutter app
Thank you so much for your kind words! 😊 Don’t worry if you’re new to coding or Flutter. Everyone starts somewhere, and the great thing is that Flutter is beginner-friendly! I recommend starting with the basics by watching some beginner tutorials or following step-by-step guides. I’ll also keep creating content to make learning easier for you. Feel free to ask any questions-you’ve got this!
FirebaseOptions cannot be null when creating the default app brother run karne pe ye error aa rha hai kaise fix karenge
Error indicates that your Flutter app is trying to initialize Firebase without properly configured options. Verify Firebase Initialization ,Check the Firebase Configuration File,Check Dependencies,
What are the minutes that show how to connect the realtime database in firebase to the project that was created?
We are waiting for you to create a project that contains Cubit and hive with clean arch...❤
Most of the time i have use provider to create my project that's why it take a time to make this tutorial.❤️
@wtf-code Thank you for all your educational videos❤️...the best🎖️
the images used
make about shoe sales please
Mongodb, nodejs, clean architecture?
Thanks, just finished in 3 days!
You got this!
Is it not not sufficient that we only do it for Android?
Is it compulsory to do with ios ?
Each and every steps are compulsory
Now is paid yes
yes
hey great work man !... can you please provide source code of full project ??? i can't finnd in the video description
Visit my git hub you can find it there,
Hey please do with bloc,
We need hive local storage + bloc state management based app
Can you help me with my career in app development 😊
Of course! 😊 I’d be happy to help you with your app development career. Whether you’re just starting out or looking to improve, feel free to ask questions or share what you’re working on. I can guide you with resources, tips, and advice to make your journey smoother. Let’s build something amazing together!
@wtf-code I've been working on my own i know everything is available on UA-cam and on other platforms but i think i need real projects to polish my skills it's been almost a year and i know many things but what i need is a job.
Can we mark co-ordinates in 3d model ? like select few locations in this enable or disable?
Yes, you can mark coordinates or specific locations on a 3D model in Flutter using the model_viewer_plus package. However, achieving this functionality requires combining the features of the package with additional logic for managing interactions and markers on the 3D model.
Please try to show not so fast, and very loud music.
Appreciate it.
@@wtf-code Thank you
This is not for beginners
This is for learner, who want's to learn😍
Hive is officially discontinued, u can use isar, objectbox or drift
how to play in background?
Crud image
how can make a title in a polygon area?
Source code?
tnx bro
amazing u r the best
❤️❤️
hi. can you tell me how to change fire base acount to mine?please
It requires some steps to do it, you can search it on google or chat gpt.
bro where is the github link for this project?
It is simple bro, try to do yourself.
@@wtf-code I was just asking you for the assets bro. I have already created this with anoter images and thanks for sharing such amazing ideas.
best video fore firebash jion to vs code koi WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp(); kaha add akrni vo batata hi nahi hai aapne pura sahi se samjaya uske liye thank you aur video babana flutter k liye plz 🙂
Please make for Beginner's
thanks broo for ur tutorial ..im planing change to supabase.
I am also planning
Firebase realtime database is free ?
Until now it is free.
Sir is this method work know
Working perfectly
code project
On long video.
supbase
Up coming
can you add search???? run
Unfortunately this video is not much useful as you're typing too fast and not shared the source code.
Sorry for that, Check a complete e-commerce app with provider. It is a parts of this tutorial.
I have some query , for using the firebase storage we have to upgrade the project ? please answer this query it's urgent
Are An API, database storage and notifications used in this project?
Only firebase database.
Good tutorial, please share source code also.
Check a complete e-commerce app with provider. It is a parts of this tutorial.
Nice tutorial. helpful thanks a lot