- Видео 242
- Просмотров 439 419
Zero Degree Coder
Индия
Добавлен 1 сен 2022
🚀 Welcome to ZeroDegreeCoder! 📱
At ZeroDegreeCoder, we're on a mission to empower aspiring developers to become full-stack mobile app experts using React Native, Express.js, Node.js, MongoDB, and Firebase. 🌟 Our courses are designed to provide comprehensive training that covers all aspects of mobile app development, from frontend design to backend server management.
At ZeroDegreeCoder, we're on a mission to empower aspiring developers to become full-stack mobile app experts using React Native, Express.js, Node.js, MongoDB, and Firebase. 🌟 Our courses are designed to provide comprehensive training that covers all aspects of mobile app development, from frontend design to backend server management.
React Native Roadmap 2025: From Basics to Advanced | Become a Senior Mobile Engineer| Complete Guide
Roadmap Link:-
excalidraw.com/#json=zplCQNEAbCxqBa-XoYuD3,ZP7_Oou0Z87s0kmyuYWA5g
Topmate :- topmate.io/md_alishan_ali
Discord:- discord.gg/Wm2zD8Gy
Website:- www.zerodegreecoder.in/
Master React Native with this step-by-step roadmap! 🚀 From setting up your environment to building production-ready apps, this ultimate guide covers everything you need to go from a beginner to a senior mobile engineer. 💻
What you'll learn:
React Native basics and environment setup
State management: Context, Redux, and more
Navigation in React Native
Backend integration and API handling
Animations and advanced UI techniques
Debugging and performance optimization
Preparing for senior engineering roles
Whether you're starting...
excalidraw.com/#json=zplCQNEAbCxqBa-XoYuD3,ZP7_Oou0Z87s0kmyuYWA5g
Topmate :- topmate.io/md_alishan_ali
Discord:- discord.gg/Wm2zD8Gy
Website:- www.zerodegreecoder.in/
Master React Native with this step-by-step roadmap! 🚀 From setting up your environment to building production-ready apps, this ultimate guide covers everything you need to go from a beginner to a senior mobile engineer. 💻
What you'll learn:
React Native basics and environment setup
State management: Context, Redux, and more
Navigation in React Native
Backend integration and API handling
Animations and advanced UI techniques
Debugging and performance optimization
Preparing for senior engineering roles
Whether you're starting...
Просмотров: 126
Видео
Build an AI Image Generator App with React Native | Full Stack Tutorial (Node.js & MongoDB)
Просмотров 9314 часа назад
Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ 🚀 Learn How to Build an AI Image Generator App In this step-by-step tutorial, you'll learn how to create a full-stack AI-powered image generator app using React Native, Node.js, and MongoDB. Whether you're a begin...
31. How to Publish an App on Google Play Console in 2025 | Step-by-Step Tutorial| ZeroDegreeCoder
Просмотров 3637 часов назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ 🚀 Ready to launch your app on the Google Play Store? This 2024 updated tutorial walks you through the entire process of publishing your Android app on the Google Play Console, including the new 20-testers policy, data safety requirements, and production release! In this video, you’ll learn: ✅ Ho...
30.🔥 How to Generate APK & AAB Files in React Native CLI | Publish to Google Play Store 2025 Part 1
Просмотров 40912 часов назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ 📱 Ready to publish your React Native app to the Google Play Store? In this step-by-step tutorial, I’ll show you exactly how to generate signed APK and Android App Bundle (AAB) files using React Native CLI! Whether you're a beginner or an experienced developer, this guide covers everything you ne...
29. How to Generate Stunning App Mockups for App Store & Play Store in Minutes | App Studio Tutorial
Просмотров 17014 часов назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Link:- studio.app-mockup.com/ Want to create professional-looking app mockups for your app listing on the App Store or Google Play Store? In this video, we’ll show you how to use App Studio (via app-mockup.com) to quickly generate beautiful app mockups in just a few minutes! Whether you're a dev...
🚀 Code Mobile Apps in the Browser with Project IDX | No More RAM Worries! (Flutter & React Native)
Просмотров 68314 часов назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Link:- idx.dev/ Discover how Project IDX, Google's cloud-based development environment, allows you to code Flutter and React Native apps directly in your browser without worrying about RAM or system limitations. 🌐 Whether you're a beginner or a pro, IDX provides a powerful and efficient setup wi...
28. How to Change or Update App Name in React Native Android Studio for APK and also For Xcode
Просмотров 11014 дней назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey where you’ll learn to build a Full Stack AI Image Generator App using React Native, Node.js, and Sup...
27. How to fixed App Icon Shown Before Splash Screen in React Native on Android| Fixed 100%
Просмотров 25221 день назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey...
26.How to add Splash Screens in React Native or Android Studio in One Minutes Quick and Easy Methods
Просмотров 53321 день назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey where you’ll learn to build a Full Stack AI Image Generator App using React Native, Node.js, and Sup...
25. How to update app icons in React Native or Android Studio in One Minutes Quick and Easy Methods
Просмотров 8821 день назад
Topmate :- topmate.io/md_alishan_ali Discord:- discord.gg/Wm2zD8Gy Website:- www.zerodegreecoder.in/ Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey where you’ll learn to build a Full Stack AI Image Generator App using React Native, Node.js, and Sup...
24. How to setup Intrestial Ads in React Native| Build AI Image Generator App SAAS with Flux Model
Просмотров 21021 день назад
Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey where you’ll learn to build a Full Stack AI Image Generator App using React Native, Node.js, and Supabase. Whether you're a beginner or an experienced developer, this project will help you gain practic...
23. How to implement Banner Ads in React Native| Google Mobile Ads in React Native Step By Step
Просмотров 50621 день назад
Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey where you’ll learn to build a Full Stack AI Image Generator App using React Native, Node.js, and Supabase. Whether you're a beginner or an experienced developer, this project will help you gain practic...
22. Like Image Features and Toggle Like Using the Use Context Hook and Async Storage| AI Image Gen
Просмотров 15228 дней назад
Source Code:- buymeacoffee.com/alishanali/e/319819 alishanali.gumroad.com/l/bumzdi 🚀 Welcome to the ultimate project-based learning experience! 🚀 In this video, we’ll kick off an exciting journey where you’ll learn to build a Full Stack AI Image Generator App using React Native, Node.js, and Supabase. Whether you're a beginner or an experienced developer, this project will help you gain practic...
21 Flatlist Paginations With Discover Images APIs| AI Image Generator App Full Stack and Deploy
Просмотров 8428 дней назад
21 Flatlist Paginations With Discover Images APIs| AI Image Generator App Full Stack and Deploy
20. How to connect Frontend with Backend| Generate Image API Integration AI Image Generator App Full
Просмотров 29728 дней назад
20. How to connect Frontend with Backend| Generate Image API Integration AI Image Generator App Full
19. How to deploy Node JS Express Server on Vercel| AI Image Generator App Full Stack and Deploy
Просмотров 198Месяц назад
19. How to deploy Node JS Express Server on Vercel| AI Image Generator App Full Stack and Deploy
18. Create Get All Image API to get all the Genrated Images| AI Image Generator App Full Stack
Просмотров 85Месяц назад
18. Create Get All Image API to get all the Genrated Images| AI Image Generator App Full Stack
17. Create Image Collection in MongoDB to store the Generated Images| AI Image Generator App
Просмотров 68Месяц назад
17. Create Image Collection in MongoDB to store the Generated Images| AI Image Generator App
16.How to connect mongo db to the node express Server| AI Image Generator App Full Stack and Deploy
Просмотров 112Месяц назад
16.How to connect mongo db to the node express Server| AI Image Generator App Full Stack and Deploy
15. Build Generate Image API With Together and Flux| AI Image Generator App Full Stack and Deploy
Просмотров 182Месяц назад
15. Build Generate Image API With Together and Flux| AI Image Generator App Full Stack and Deploy
14. How to Create Node Express Server and Build API| AI Image Generator App Full Stack and Deploy
Просмотров 91Месяц назад
14. How to Create Node Express Server and Build API| AI Image Generator App Full Stack and Deploy
13. Copy Image URL Features in React Native| Build AI Image Generator App in React Native CLI, Node
Просмотров 64Месяц назад
13. Copy Image URL Features in React Native| Build AI Image Generator App in React Native CLI, Node
12. Share Image With React Native Share in React Native CLI| AI Image Generator App Part -12
Просмотров 98Месяц назад
12. Share Image With React Native Share in React Native CLI| AI Image Generator App Part -12
11.Download Image FIle in Gallery with React Native Blob and Permissions| AI Image Generator App
Просмотров 151Месяц назад
11.Download Image FIle in Gallery with React Native Blob and Permissions| AI Image Generator App
10.Build a Full Stack AI Image Generator App in React Native| Build Download Modal with Percentage
Просмотров 129Месяц назад
10.Build a Full Stack AI Image Generator App in React Native| Build Download Modal with Percentage
9. Build a Full Stack AI Image Generator App in React Native| Like Screen UI in React Native Part 9
Просмотров 176Месяц назад
9. Build a Full Stack AI Image Generator App in React Native| Like Screen UI in React Native Part 9
8. Build a Full Stack AI Image Generator App in React Native| Discover Screen UI
Просмотров 136Месяц назад
8. Build a Full Stack AI Image Generator App in React Native| Discover Screen UI
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
Просмотров 452Месяц назад
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
7. Build a Full Stack AI Image Generator App in React Native| Image Card Component UI Part - 7
Просмотров 1472 месяца назад
7. Build a Full Stack AI Image Generator App in React Native| Image Card Component UI Part - 7
6. Build a Full Stack AI Image Generator App in React Native| Home Screen UI Part - 6
Просмотров 3912 месяца назад
6. Build a Full Stack AI Image Generator App in React Native| Home Screen UI Part - 6
thank you so much brother for making this video.
You’re welcome!
Great
First ❤
means a lot
Installation failed! Error code: 7 INSTALL_FAILED_NO_MATCHING_ABIS: INSTALL_FAILED_NO_MATCHING_ABIS: Failed to extract native libraries, res=-113
I don't have knowledge of nodejs but i know react Native should i do this project or i need to learn nodejs first
go ahead and start learning the topic on chatgpt and youtube.
Bhai im using mac book pro 12 2015 model faced problem of installation of watchem can you help me how i will install it
lets connect on top mate
@zerodegreecoder what is top mate bro
sir i my case it is not showing options to run in android or ios please help me
can you check now
I will definitely complete this course if the api of image generator is free
yes, the apis is really free as i am using together ai sdk and flux model is free for some duration
@@zerodegreecoder Do we need any credit card throught this project?
not yet all
@@zerodegreecoderafter some time of period it will charge or not like a one month later , if don't definately complete this course ❤😊
r - reload app(s) d - open Dev Menu j - open DevTools run on android vala option nahi araha. aapne jaise bola bilkul vaise hi kiya hai maine phir bhi nahi huya
it’s working now?
@@zerodegreecoder No sir
@@zerodegreecoder No sir it's not working
🎉🎉
Recommended
❤❤
big THANKYOU BRO
welcome
the command to run on android is not appearing for me
can u check now
☺️☺️
Sir Create an Playlist on Expo Too
That's a great idea. I'll add it to my list!
Yes pls make a video for expo @@zerodegreecoder
Thanks I always did it manually and ignored chocoloaty but by following your video i used chocolaty and everything worked perfectly <3 Thanks Man! <3
You are welcome 😊
i am facing this error Error: Can't determine type for tag '<ImageView android:layout_centerInParent="true" android:layout_height="wrap_content" android:layout_width="wrap_content" android:scaleType="centerCrop" android:src="@drawable/screen"/>'
is it sorted?
Thank you☺
You're welcome 😊
Bro, what file we should upload on playstore aab or apk ?
aab. in the next video we are going to published this as well
hi from divyanshu live stream 😊
oh hey what’s up
I am using my android phone by usb debugging mode turned on to connect but its not working , it shows adb device not connected message all time in terminal. please suggest the solution.
(NOBRIDGE) ERROR Warning: TypeError: Cannot read property 'addToCart' of undefined how to fixed error please let me know
please import add to cart function as well.
already add function const { addToCart } = useContext(CartContext);
Hello Brother ❤ !! I want to know about which extension or config do you use in vs code? 😢 Explaination : When you import any package in React Native, after the package name it shows "gzipped ...". What is it? Is it for compression? Just reply me please ❤🎉🎉🎉 please... 🎉
Will upload soon on this or will make a separate video on this about extension which I used
Thanks for the reply... ❤ I'll wait for your new video 😊❤
Bro, tell me one things it's a request like what's the better approach or way to create splash screen in react native like using custom component and useEffect with setTimeout or using library rn-splash-scrren ? and why ?
using the react splash screen library
Work with react native ?
Yes, but I tried last time. It does not works react native from this week. Earlier it was working. Some bugs were come up.
Nice
Thanks! I'm glad you liked it.
bro why you lock the .gradle . there no need to provide the github
Good catch, I'll make sure to remove that in future videos.
Your video was lengthy. But out of all video on youtube ,your video made it crystal clear. Just want to say Thank You.
I’m glad you found it helpful!
Can you explain and show us an implementation of the europe user consent please? God and LORD Jesus bless you friend, greetings from Chile!
Do you recommend any of asus vivobook line up like the S14?
when we have to used in prod we have to follow other way to do or is the same? Because the only differente i'm see is the check yes for app in play store, am i correct?
This works on both side. No need any changes just make sure you add the ads id
Can you make anew version for 2025 ? that old one doesn't work.
Hello brother, Great Tutorial. I have one question which react native version you were using for this project ?
You are going to have to slow down... like half your speed of speech at least, I have you at 75% speed and its still way too fast. Also please credit viewers with more intelligence than a five year old, they are not children if they are installing a coding framework right? If you pander to the 0.01% of viewers you will alienate the other 99.9%. Next you don't need to repeat yourself in a video, its a video... users can simple rewind a bit... and think... if a user can't work out they need to stop the video and rewind a bit, just to learn how to click links in a web browser then they will have absolutely no use for a coding framework whatsoever.
Gotcha!
Asus vivobook s15 2022
amzing vid! thanks Zero Degree Coder
Hiee Sir actually I have a error... Class extends value undefined is not a constructor or null while creating awesome project.... Please Sir help me... I was tried everything but error is still occur
Hii brother, I just copied this because my boss told me to make one overnight. Today I showed him this but now he wants to access a particular HR google sheet available in drive So will it be possible to implement that feature on this app?
post latest version of React Native CLI videos and android and ios configuration for android and ios device permission, firebase push notifications, google map integrations, image and document upload picker, tailwind css setup and also ..please..we face build error everytime ..we could not fix this issue with latest version of react native cli 0.76.5 version on our HP laptop with windows 10os.
when i write cmd choco its non recognized
Hello, it doesn't work in react native 0.76.5, any idea how to solve it? Updated MainActivity.kt , added res/layout/launch_screen.xml.
Hello, it doesn't work in react native 0.76, any idea how to solve it?
Work for me but need to do some extra steps on splashscreen since it gives some errors.
@@ZeelaxJr Extra Steps ?
Its absolutely mind blowing yarr... Because i am struling 4 days with node and React .. thank u so much ..
Ads not loaded error
Thank you so much for this great video. I am struggling from last 2 days for this installation. Your video help me to set up env. Now I am successfully running my first app
even after changing the versions, and also typing npx react-native run-android. the same gradle error occurs. What to do?
did you get the solution ? I am also stucked in that
@tokyo-mc2fm for me i was on java 11 and not java 17 there was some problem with environment variables.. copy paste the error on chatgpt...i think it should work if you update the jdk and java variables versions
great😊
Thank you! Cheers!
Hi instructor how are you doing
Bro can you make a video on same topic using expo
Literally
Up
i also have a problem in this, if you find a solution send it here bro