- 223
- 375 350
Zero Degree Coder
India
เข้าร่วมเมื่อ 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.
17. Create Image Collection in MongoDB to store the Generated Images| AI Image Generator App
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 practical skills by working with cutting-edge technologies.
🎯 What You'll Learn:
React Native: Develop a sleek, responsive mobile app interface that integrates AI-powered image generation features.
Node.js & Express: Set up a robust backend server to handle user requests and communicate with APIs.
Supabase: Manage your app’s database and authentication seamlessly using Supabase’s free cloud platform.
AI Integration: Harness the power of artificial intelligence to generate images based on user input.
Full Stack Development: Master the complete workflow from frontend to backend, making your app production-ready!
👨💻 Why This Project is Perfect for You:
Learn how to combine the power of AI with modern app development.
Understand how to connect your mobile app to a server and database.
Explore the best practices for deploying full-stack applications.
Build an engaging, real-world project to showcase your skills.
Join me in this introduction video, where we'll break down the project structure and set up our development environment to get started. Let's turn your ideas into a functional, professional-grade app! 💻
📌 Links:
Topmate :- topmate.io/md_alishan_ali
Discord:- discord.gg/Wm2zD8Gy
Website:- www.zerodegreecoder.in/
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 practical skills by working with cutting-edge technologies.
🎯 What You'll Learn:
React Native: Develop a sleek, responsive mobile app interface that integrates AI-powered image generation features.
Node.js & Express: Set up a robust backend server to handle user requests and communicate with APIs.
Supabase: Manage your app’s database and authentication seamlessly using Supabase’s free cloud platform.
AI Integration: Harness the power of artificial intelligence to generate images based on user input.
Full Stack Development: Master the complete workflow from frontend to backend, making your app production-ready!
👨💻 Why This Project is Perfect for You:
Learn how to combine the power of AI with modern app development.
Understand how to connect your mobile app to a server and database.
Explore the best practices for deploying full-stack applications.
Build an engaging, real-world project to showcase your skills.
Join me in this introduction video, where we'll break down the project structure and set up our development environment to get started. Let's turn your ideas into a functional, professional-grade app! 💻
📌 Links:
Topmate :- topmate.io/md_alishan_ali
Discord:- discord.gg/Wm2zD8Gy
Website:- www.zerodegreecoder.in/
มุมมอง: 2
วีดีโอ
16.How to connect mongo db to the node express Server| AI Image Generator App Full Stack and Deploy
มุมมอง 242 ชั่วโมงที่ผ่านมา
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...
15. Build Generate Image API With Together and Flux| AI Image Generator App Full Stack and Deploy
มุมมอง 324 ชั่วโมงที่ผ่านมา
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...
14. How to Create Node Express Server and Build API| AI Image Generator App Full Stack and Deploy
มุมมอง 469 ชั่วโมงที่ผ่านมา
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...
13. Copy Image URL Features in React Native| Build AI Image Generator App in React Native CLI, Node
มุมมอง 4712 ชั่วโมงที่ผ่านมา
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...
12. Share Image With React Native Share in React Native CLI| AI Image Generator App Part -12
มุมมอง 7214 ชั่วโมงที่ผ่านมา
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...
11.Download Image FIle in Gallery with React Native Blob and Permissions| AI Image Generator App
มุมมอง 6616 ชั่วโมงที่ผ่านมา
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...
10.Build a Full Stack AI Image Generator App in React Native| Build Download Modal with Percentage
มุมมอง 10919 ชั่วโมงที่ผ่านมา
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...
9. Build a Full Stack AI Image Generator App in React Native| Like Screen UI in React Native Part 9
มุมมอง 13421 ชั่วโมงที่ผ่านมา
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...
8. Build a Full Stack AI Image Generator App in React Native| Discover Screen UI
มุมมอง 10621 ชั่วโมงที่ผ่านมา
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...
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
มุมมอง 35014 วันที่ผ่านมา
#zegocloud #videocall #reactnative #sdk #api · Get 10000 free mins with UIKits: bit.ly/3WLU9Ru · Learn more about ZEGOCLOUD: bit.ly/4dGvsfU · How to build react native video call App: bit.ly/3WI97Yy ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. Get ZEGOCLOUD UIKits for 10,000 free mins: Take Advantage of ZEGOCLOUD: www.zegocloud.com/blog/reac...
Build a Full Stack AI Image Generator App in React Native| Image Card Component UI Part - 7
มุมมอง 12521 วันที่ผ่านมา
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...
Build a Full Stack AI Image Generator App in React Native| Home Screen UI Part - 6
มุมมอง 36821 วันที่ผ่านมา
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...
Build a Full Stack AI Image Generator App in React Native,| React Native Vector Icon Setup Part - 3
มุมมอง 287หลายเดือนก่อน
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...
Build a Full Stack AI Image Generator App in React Native| Bottom Tab Navigation Setup and Style 4
มุมมอง 461หลายเดือนก่อน
Build a Full Stack AI Image Generator App in React Native| Bottom Tab Navigation Setup and Style 4
Build a Full Stack AI Image Generator App in React Native,| React Native Vector Icon Setup Part - 3
มุมมอง 249หลายเดือนก่อน
Build a Full Stack AI Image Generator App in React Native,| React Native Vector Icon Setup Part - 3
Build a Full Stack AI Image Generator App in React Native, NodeJS| React Native Project Setup 2
มุมมอง 441หลายเดือนก่อน
Build a Full Stack AI Image Generator App in React Native, NodeJS| React Native Project Setup 2
Build a Full Stack AI Image Generator App in React Native, NodeJS, Supabase| Introduction to Project
มุมมอง 489หลายเดือนก่อน
Build a Full Stack AI Image Generator App in React Native, NodeJS, Supabase| Introduction to Project
Struggling with Coding? Master Logic & DSA in Just 7 Days! (No Experience Needed)|Learn Logic Build
มุมมอง 2842 หลายเดือนก่อน
Struggling with Coding? Master Logic & DSA in Just 7 Days! (No Experience Needed)|Learn Logic Build
Best Laptop Specifications You Must Know for Mobile App Development in 2024! 💻🚀 (Budget & Premium)
มุมมอง 3472 หลายเดือนก่อน
Best Laptop Specifications You Must Know for Mobile App Development in 2024! 💻🚀 (Budget & Premium)
How to Add a Floating Button in React Native | Simple & Easy Tutorial
มุมมอง 3443 หลายเดือนก่อน
How to Add a Floating Button in React Native | Simple & Easy Tutorial
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
มุมมอง 4163 หลายเดือนก่อน
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
React Native Error : java.io.UncheckedIOException: Could not move temporary workspace 100% Solution
มุมมอง 2.5K3 หลายเดือนก่อน
React Native Error : java.io.UncheckedIOException: Could not move temporary workspace 100% Solution
Profile Screen in React Native || React Native Profile Screen Design With Light and Dark Theme
มุมมอง 1.4K3 หลายเดือนก่อน
Profile Screen in React Native || React Native Profile Screen Design With Light and Dark Theme
Building a Stylish React Native Date Picker 🗓️| Date picker with input field in React Native
มุมมอง 7153 หลายเดือนก่อน
Building a Stylish React Native Date Picker 🗓️| Date picker with input field in React Native
How to Make Onboardin UI in React Native| Onboarding UI in React Native With React Native Onboarding
มุมมอง 6093 หลายเดือนก่อน
How to Make Onboardin UI in React Native| Onboarding UI in React Native With React Native Onboarding
Must-Have VS Code Extensions for Every React, React Native and Web Developer| Increase Productivity
มุมมอง 5843 หลายเดือนก่อน
Must-Have VS Code Extensions for Every React, React Native and Web Developer| Increase Productivity
How to Setup React Native Environment in Windows 11 (2024) and Make Your First App in React Native
มุมมอง 22K3 หลายเดือนก่อน
How to Setup React Native Environment in Windows 11 (2024) and Make Your First App in React Native
Build Watch Store Ecommerce App in React Native CLI from Scratch| Learn React Native in One Shot
มุมมอง 7K3 หลายเดือนก่อน
Build Watch Store Ecommerce App in React Native CLI from Scratch| Learn React Native in One Shot
How to deploy Node.js Express App on Vercel Quick and Easy Method| Depoy your Server Free on Vercel
มุมมอง 2.9K4 หลายเดือนก่อน
How to deploy Node.js Express App on Vercel Quick and Easy Method| Depoy your Server Free on Vercel
A small correction : for android api version >=11 the write external storage permission is deprecated from android 11 and read external storage from 13 onwards : updated code : ```const requestStoragePermission = async () => { try { if (Number(Platform.Version) >= 33) { return true; } const granted = await PermissionsAndroid.requestMultiple([ PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE, PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE, ]); console.log(granted); if ( (Number(Platform.Version) >= 30 || granted['android.permission.WRITE_EXTERNAL_STORAGE'] === PermissionsAndroid.RESULTS.GRANTED) && granted['android.permission.READ_EXTERNAL_STORAGE'] === PermissionsAndroid.RESULTS.GRANTED ) { return true; } else { return false; } } catch (err) { console.warn(err); } };```
Lifesaver
Glad you love it 🥰
@zerodegreecoder although filecache:true was causing an issue that i couldn't re-download the file.. But working fine without it
thank you so much
Glad you found it helpful!
is it a CLI course or Expo ?
Cli
But the basic works with both expo and cli
thank you so much i had this problem from a week and i see all the videos and i can't find the solution but i solve the problem from your video. once again thank you so much sir🥰
I’m glad you found the solution! Keep building cool apps!
@@zerodegreecoder thank you sir🥰
great tutorial bro, but i think you have not uploaded the complete video, the video ends with using 3 states instead of using 1 state
I'll look into this and make sure I cover using one state in the next video.
Its cover in the next video
Bhai admob ko integrate krein please
Alright will do it that as well
* What went wrong: A problem occurred configuring project ':app'. > [CXX1101] NDK at C:\Users outa\AppData\Local\Android\Sdk dk\26.1.10909125 did not have a source.properties file any one help me
did you solve it ??? i am stuck on the same place
This is an excellent explanation! As a full-stack developer navigating the React Native ecosystem, this has provided me with valuable insights. I’m currently using react-native-track-player version 4.0.0 with React Native 0.76.5, and I’ve faced some compatibility challenges. Your detailed breakdown has been incredibly helpful in addressing these issues. Thank you for sharing such valuable knowledge!
Awesome dude .
How do you have the users on the video chat interact with each other?
I have two emulators
@ not that but what part of the code you use to do it
Great Tutor, Please can you make Video on "MOVIES STREAMING APP" Like netfix with, Setting up a mobile app development project environment in Visual Studio Code (VS Code) and React Natvie
Sure, will add it to my list.
reeeeeeeeeeeealy beautiful
your teaching way is brilliant step by step
2:55 You are lucky you have a home food delivery 😋😋
🌹🌹🌹🌹
awesome with glasses 😚
❣❣💘
❤❤❤❤❤❤
every thing are good all point for video are good bro
Thanks a lot
❤❤❤❤
❤❤❤❤
video vice not clear
Really, but will do more improvements
😘😘😘 professional teacher
How many episodes are remaining
More 10 videos approx
You deserve 300k subscribers ❤
this solution is isn't working for me its always showing build failed all methods i have tried im facing the issue since 1 week please give me the solution
Let’s connect on Topmate
My react-native project not runing it again showing build failed so many times please give suggestion im enable to run my project
Let's connect on topmate..
rct folly error is coming in pod install because react native 0.76 requires version 2024 and ui kit needs 2021 any solution
Let me raise this issue to GitHub
Great video! It would be cool to watch something like this, but about RN for desktop environment
bro please make one with socket a real time chat app with call audio video group or single call with block delete mesages features please with materalitic UI please sir
yeah sure
Why u have Skiped the floating player explanation 😒
I think I had explained this later. If any doubts please let’s connect on Topmate
WARNING: 'choco' was found at 'C:\WINDOWS\system32\choco C:\ProgramData\chocolatey\bin\choco.exe'. WARNING: An existing Chocolatey installation was detected. Installation will not continue. This script will not overwrite existing installations. If there is no Chocolatey installation at 'C:\ProgramData\chocolatey', delete the folder and attempt the installation again. Please use choco upgrade chocolatey to handle upgrades of Chocolatey itself. If the existing installation is not functional or a prior installation did not complete, follow these steps: - Backup the files at the path listed above so you can restore your previous installation if needed. - Remove the existing installation manually. - Rerun this installation script. - Reinstall any packages previously installed, if needed (refer to the lib folder in the backup). Once installation is completed, the backup folder is no longer needed and can be deleted.
Let’s connect on Topmate
thanks bro making awesome videos :)
Glad you like them!
Brother mene question kra tha best laptop specificatiin for app development wali video me abhi tak jawab nhi mila
Let me a answer this
I have problem that "TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes", can you tell me how to fix that? Thanks you
Can we connect on Topmate and let’s fix this issue.
Very much helpful Tutorial Thank you
Glad to hear it was helpful! Keep learning and building awesome things!
Glad to hear it was helpful! Keep learning and building awesome things!
if i have node js already installed then i need to reinstall it again ?
Let’s connect on Topmate and resolve this issue.
Nope
thanks for tutorial , can you please make authentication backend also .
Yeah sure, will do it in sometime
hey,,Did you get any authentication backend video??
thanks brother
Thanks man! Keep learning and building awesome things!
Is voice search possible?
Yes, we can achieve that easily. Let’s connect on Topmate. And implement this features
Android ✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device. ✓ JDK - Required to compile Java code ✖ Android Studio - Required for building and installing your app on Android ✓ ANDROID_HOME - Environment variable that points to your Android SDK installation ✓ Gradlew - Build tool required for Android builds ✖ Android SDK - Required for building and installing your app on Android - Versions found: N/A - Version supported: 35.0.0 Errors: 3 Warnings: 0 I have installed Android studion in drive E and I dont know how to solve this error ...Tried a lot uninstall and reinstall again also the ENV setup also please help me ...
Let’s connect on Topmate
you have a better understanding of React.
Thanks man. You will soon get master on this. Keep learning brother.
@zerodegreecoder which processor U or Or H type processor ??
I am using mac book m3 for ios this is from my company. I am using i5 processor
build failed.. this tutorial not completed
Let’s connect on Topmate
brother i am try to install v4 nativewind in cli but through me some error
Let’s connect on Topmate
Can you share me the figma file only??
Bro it’s paid. You have to pay at least some amount. Do upi and and send me screenshots at +91 6391417248