🚀 Build AI Image Generator App with React Native & Next.js Backend – Onboarding Screen (Part 1)
In this video, we start building an AI Image Generator App using React Native Expo, Next.js, MongoDB, and Prisma. In Part 1, we focus on designing a sleek and engaging Onboarding Screen to enhance user experience. Stay tuned for upcoming parts where we implement authentication, AI image generation, and more!
🔹 Tech Stack: React Native, Expo, Next.js, MongoDB, Prisma
🔹 Features: Smooth onboarding UI, Swiper animation, and modern design
🔹 Next Up: Email Authentication & AI-powered Image Generation
Assets:
NextJS Backend GitHub Repo - https://github.com/starthecode/ai_app...
Ai Models we are using - https://gist.github.com/starthecode/3...
Note -
Please Your Own AWS Client ID and Secret Key for AWS S3 Bucket.
Please Your Google ID and Google Secret Key for Auth.
Please Use Your Outlook/Gmail username and password for email settings
🔗 This Timestamps and Chapters :
0:00 - App Demo
06:30 - Setup NextJS Backend
12:34 - Login to Backend
16:40 - React Native Expo Setup
20:20 - Build Onboarding Screen
59:00 - Next Login & Auth
💡 Don’t forget to Like, Subscribe & Hit the Bell Icon for updates!
#AIImageGenerator #ReactNative #NextJS #MongoDB #Prisma #ReactNativeExpo #MobileAppDevelopment #OnboardingScreen #AIApp #ReactJS #NextJSTutorial #PrismaORM #Startup #ImageGeneration #AppDevelopment