How AI Built a $900K/mo App in Just One Day
Discover how AI technology was used to replicate and create a successful $900,000/mo app in this video. Explore the core functionality and potential for AI application in app development.
Install Tubelator On Chrome
Video Summary & Chapters
1. Introduction 🌿
Overview of successful plant identifier apps making significant monthly revenue.
2. Building the Website Interface 📱
Creating the core functionality of the plant identifier app using AI technology.
3. Using Cloud AI Tool 🌐
Utilizing Cloud AI tool to develop the planned identifier website without coding knowledge.
4. Generating Code with AI 🤖
Initiating the AI to generate necessary code for the project.
5. Setting Up Next.js Project 🖥️
Starting the process by setting up a Next.js project using an online IDE.
6. Installing Dependencies 📦
Installing Google generative AI npm package and obtaining Gemini API key.
7. Creating Additional Files 📄
Adding new files like image upload and plan info to enhance functionality.
8. Setting up Layout and CSS
Updating layout and global CSS files with new content and Tailwind CSS directives.
9. Obtaining Google Gini API Key
Guidance on acquiring a Google Gini API key for backend usage in the app.
10. Running the App
Initiating the app to check functionality and appearance after setup.
11. Troubleshooting Errors with AI
Demonstrating how AI can assist in resolving bugs encountered during development.
12. Error Logging and Fixing
Addressing errors by modifying code and including additional files for image upload.
13. Updating Gini Model
Switching to Gini 1.5 Flash model due to deprecation of Gini 1.0 Pro Vision model.
14. API Response Modification 🔄
Updating code to include necessary JSON response
15. Enhancing Image Display 🌄
Modifying app to display uploaded images on the page
16. Adding Navigation Elements 🧭
Incorporating navigation bar and footer for app usability
17. Feature Enhancement with Cloud AI 🌩️
Utilizing Cloud AI to generate feature cards from images
18. React Icons Installation 📦
Installing react icons npm package for icon integration
19. Using the App
Explaining how users can gain information from the app
20. Fixing Black Gap
Adjusting layout to remove black gap issue
21. Uploading Images
Testing image upload functionality
22. Adding Camera Feature
Implementing direct camera capture feature
23. Capturing Plant Image
Demonstrating capturing plant image using camera feature
24. Customizing Background
Adding moving green gradient background
25. Finalizing Design
Adjusting transparency and colors for a polished look
26. Realtime Animation Feature
Creating a gradient finish with a realtime animation.
27. Uploading and Adding Features
Uploading images and adding more features to the app.
28. Creating Complex Web Apps
Building websites or complex web apps using AI with zero coding knowledge.
29. Ease of App Creation with AI
Exploring how easy it is to create an app using AI technology.
30. Versatility of AI-Generated Apps
Discussing the variety of websites and apps that can be built using AI technology.
31. Building Various Apps
Using customized prompts to build iOS, Android apps, web apps, and more.
32. Empowering Non-Coders
Empowering individuals without coding knowledge to build apps and websites with AI.
33. Basic Coding Skills for AI
Learning the basics of coding to enhance AI-built apps for production and monetization.
Video Transcript
all right so these are some plann
identifier apps on the App Store and as
you can see the plan in planed
identifier app is making over $900,000 a
month and nature ID is making over
$500,000 a month and this one is doing
more than $80,000 a month so these are
basically planned identifier apps and
today in this video we are going to
replicate and create the core
functionality of this app completely
using AI I mean let me show you what I
built using AI today so this right here
is the plan identifier website that we
are going to build today so as soon as a
person lands on the page they'll be
given two options so either they can
upload an image on take a photo live
from their smartphone so when a person
click clicks on this button they will
get an option to select an image and
once they do so the image will appear in
here the status will change to
identifying and within less than a
couple of seconds they'll get the
important details like the name of the
pl the scientific names a description
and also a table containing important
informations of the plant okay and this
website right here you can to build it
without zero coding knowledge and that's
exactly what we're going to discuss
right in this video so this right here
is the core functionality of those apps
that we seen earlier and these apps are
making hundreds of thousands of dollars
every single month so if you know a
little bit about coding you can go ahead
and push into production and start
monetizing it and make a lot of money so
in this video I'm going to break down
how I built this planned identifier web
app in nextjs using clo Ai and anyone
with zero coding knowledge can follow
along and create this particular app see
I already have some coding knowledge and
I know next react and stuff like that
but even if you have like zero knowledge
on these domains or these coding
languages you can to build apps like
