The BEST Way To Make Money With AI NOW! - Don't Miss This
Summary
Please replace the link and try again.
Please replace the link and try again.
Please replace the link and try again.
Outlines
Please replace the link and try again.
Mindmap
Please replace the link and try again.
Keywords
💡AI tools
💡Freelance services
💡Coding
💡Backend and frontend
💡API
💡Next.js
💡TypeScript
💡Freelance platforms
💡React.js
💡Image blurring
Highlights
Please replace the link and try again.
Transcripts
so in this video I will talk about the
easiest way to make money using AI right
now all thanks to AI tools like V by
veral CLA AI or carser AI coding has
become more simple easy and accessible
to the mes so even if you are a person
with only basic or intermediate coding
knowledge you can go ahead and with the
help of this AI tools build complex
applications both backend and front end
stuff and offer freelance services to
people and make money out of it and
that's exactly what I'm going to show
you in this video so in this video I
will show you how you can offer coding
related freelance services to people and
make money out of it and the best part
is that even if you only have basic or
intermediate knowledge about coding
these AI tools are here to help and I
will show you how exactly you can build
an API like the back end part and also a
website a fully functional website using
AI today and you can follow the same
pattern and you know take inspiration
from this and offer freelance services
on platforms like upor and FIV and
convert it into real money and again if
you don't know anything about coding you
can just go ahead and search for some
crash codes or simple codes for
beginners on YouTube and I'm pretty sure
you will find a lot of tutorials like
high quality tutorials on YouTube
related to various programming languages
so let's say you want to learn
JavaScript or react or xjs you can
simply go ahead and search for like
beginners guide for that particular uh
programming language on YouTube and
you'll find some really amazing high
quality content you can go ahead and
watch it a couple of times and do some
uh homework and you can just be
extremely good at the basics and then
you can go ahead and start using these a
tools to kind of code complex stuff and
if you understand how things work under
the hood then things should be that
simple for for you and you can use air
tools to create components or apis and
provide Finance related services and you
can make good money out of it so yeah
that's that all right so this right here
is the upwork website which is basically
like a freelance website and if you come
to this website hover over this find
work option and click on find work for
your skills and scroll down you can find
a lot of different freelance uh you know
works that you can do on the platform so
I'll go ahead and filter it down to
include only development and it and
let's say I want to I'm interested in
giving reactjs related work okay so I
can just go ahead and scroll down and
click on this option that says react.js
developer and now this page will show
all the reactjs related jobs posted on
upwork for example let's just click on
this one and this job or gig here says
that experienced full stack developer
needed to complete an MVP and the pay
for this one is going to be $750 and you
can go ahead and read the requirements
here and what are the skills needed here
as well now this writer is yet another
one and it says jigo puzzle component in
react and they okay they want you to
code a jigo puzle component in react and
the price for this one is $200 fixed
similarly Fiverr is yet another website
where you can find a lot of coding
related gigs and let me just go over and
click on programming and Tech and I'll
just click on web applications now you
can find a lot of gigs related to coding
here and people are offering like PHP
laravel developer and to build custom
websites for 1,700 rupees or uh backend
web developer using nodejs in 2,200 or
Ruby rails application for 13,000 and
these people are actually providing
various different services at various
different price points so this one here
says that I will create a scalable and
dynamic app using react nodejs Express
JS and the pricing is like 32,000 rupees
or somewhere in the range of $400 now
all these people are providing coding
related services on these platforms like
uper and Fiverr and you can to provide
your own services and make money out of
it now comes the biggest part how can
you actually use AI to kind of code
things and deliver to people and make
money of it right well in this video I
will to show you two examples of the
same in the first one I will show you
how you can create an API and the second
one I'll show you how you can create a
fully functional web app that is used to
blur images okay so first let's get
started with the API part all right so
let's say a person approached you asking
to create an API for them that they can
use in their nextjs project so what does
the API do you as well the API will take
a keyword as input and the API will go
ahead and search for the keyword on
Google take the top ranking top 10
ranking pages on Google take the title
of the page take the URL of the page and
also the API will actually visit each of
these individual URLs collect the entire
content textual content within each of
these URLs and return everything as an
array like an array of objects
containing the title the URL and also
the entire content of each individual
URL so that is the API that a person is
asking you to code now if this is the
context I will show you how exactly you
can code this API that works in nextjs
using V by veral AI tool so let's get
started shall we so I'll go ahead and
open v. d/ chat and this is the
interface that we'll be working with so
I'll go ahead and give it a simple
prompt something like
this so the prompt that I gave is create
an API in NEX js14 using App router and
typescript the API will take a keyboard
and search for it on Google and extract
the title and URL of all pages ranking
in the first page the API will then go
through the individual URLs and return
the entire content of the page as well
in the end the API should return and
array of objects containing the oops uh
containing the title URL and the content
of each page now go ahead and click on
the send button and let's see what it
comes up
with all right so this right here is the
code generated by the AI so the this is
the code for the API and the next thing
that we want to do is to create an API
end point and create a root. file and
add the entire content so this right
here is a nextjs project that I've been
working on so I'll go ahead and create a
API folder in the apps folder and inside
of the API folder I'll create a new
folder called search and inside of it
I'll create a new file called root. TS
now I'll go ahead and copy the entire
content and paste it in here okay so
I'll go ahead and paste everything and
yes and the thing to use this API all
you have to do is to make an API call to
this particular URL right here so I'll
just go ahead and copy this and before
that let me just go ahead and start the
development server so I'll go ahead and
run uh npm run Dev so I'll click on this
Local Host button to open it up and now
to access the API I'll will have to go
to this path right here and this example
I have to replace with whatever content
so for example let's say I want to
replace it with the keyword of
freelancing okay and I'll hit enter and
let's see what the API comes up with and
you can also see I have made a request
and these are all the logs and stuff
that's happening behind the scenes so
let's wait and there you have it the API
is actually working so let me just click
on this button and the API is now
returning the result uh array containing
things like the title this is the title
of the first page that is currently
ranking on Google then we have the URL
then we have the snippet and the actual
text content of this particular URL
right here all
right cool
and now one thing that I noticed is that
it also returns a lot of fluff and a lot
of HTML tags and stuff and we are only
particularly interested in the textual
content so I can go ahead and give it
another prompt saying can you modify the
API such that it cleans the content of
the URL to only include the actual text
content for example if it is a blog post
only the actual blog post and nothing
else and they have the tool has given me
the updated code so I'll go ahead and
copy the code and I'll go ahead and
replace the content
whoops okay let's copy the code
again control a delete hand paste and
save give it a save and I'll go ahead
and run this API
again and let's
see uh it's working here and now let me
just click on this
option and yes now we only have the
actual text content and all other HTML
elements and stuff is actually gone now
I will go ahead and give it a different
keyword something like this how to train
chat GPT and I'll go ahead and hit
enter and wait for a while and yeah it's
working and let me just go ahead and
click on this and now we have a link
from chat b.co the actual text content
then we have viky how.com then we have
the actual text content only and this
time if you notice you can see that
there is no HTML content right so HTML
tags and stuff like that is actually
ignored by the API and if you do a
search for how to train chat GPT on
Google so these are the websites that
going to pop up in the first page and
these are the actual text content so
that's how simple it is to create an API
for nextjs using Vis byel okay the next
thing that we're going to code is to
create a website in nextjs that will
allow users to upload a image or a
screenshot and select a particular part
and blur it okay and after blurring that
particular part users can download the
image back to their computer so let's
see how to code the same using V byell
so go ahead and give give it a symol
prom something like this create a
website in nextjs 14 app router
typescript where a user can upload an
image and drag and select a portion to
blur after blurring the user should be
given the option to download the image
to their device the selected portion
should be blurred also include an option
to invert the selection and blur and
also be able to blur multiple times so
I'll go ahead and click on the send
button and wait all right so v.d has
managed to code the entire thing and I
had to give a few more prompts to fix
the errors that it had initially and
this is the final code that is working
right now so I'll go ahead and copy this
one and replace the content inside page.
TSX and by the way I'm actually using
ret for this one not the local IDE and
I'll further scroll down and copy the
code for image uploaded. TSX so inside
of the components folder you'll have to
create something called as image
uploaded. TSX file and I'll go ahead and
replace the content inside then I'll
further scroll down and image editor so
image editor. TSX I'll replace the cont
there as well now I'll go ahead and
scroll down and yes that's all about it
and I'll go ahead and click on this run
button and let's see if it works all
right the development server is actually
running and I'll just go ahead and click
on this option to open it in a new tab
all right so this right here is the
website that a has managed to code and
let's see if it works this time so I'll
go ahead and capture a simple screenshot
like
this and once I have the screenshot I'll
click on upload image and select the
screenshot and upload the same and I'll
go ahead and make a selection right here
like so and I'll click on apply blur and
yes that works I can go ahead and make
more selection click on apply blur and
it works I also have a blur amount
slider so that I can select the
intensity of the blur to add and if I
want to reset I can click on reset but
before that let me just click on the
download button and see if it downloads
the image and there we have it and I'll
just go ahead and open it up and this is
the exact image that we see right here
and the functionality is just working as
it should and I click on the reset
button and everything is back to normal
so that's how simple it is to create a
image blurring website completely using
AI so I have not really coded a single
line manually all I did was give some
prompts to this AI tool right here and
copy the code it generated and pasted it
in replate and this is the app that it
generated and it's fully functional all
right so now that you know how to use AI
to kind of create an API in nextjs 14 or
create a fully functional app that lets
you blur parts of the images you can go
ahead and visit any freelancing
platforms like fivr RW work or find
clients from Twitter or LinkedIn and
provide freelance coding related
services and make money out of it and
the best part is that even if you only
have intermediate or basic knowledge
about coding you can still go ahead and
get started with the whole thing and if
you have like zero coding knowledge it
might not be for you but again if you
have basic understanding as to how
things work under the hood and you know
the basics of whatever programming
language that you plan to focus things
should be very simple for you and you
can use air tools like this to make
money out of it so I hope you found this
video useful if yes make sure to
subscribe to this Channel and I'll see
you in the next one
Browse More Related Video
$1m clothing brand owner keeps it real for 20 mins
OVER 40? START A YOUTUBE CHANNEL NOW
Unveil the Hidden Power of Dark Pools AI
SEVILLE, SPAIN | Best Things to See in Seville, Spain
فيلم روبلوكس : استغماية البناء والاستخباء داخل ما تبنى المستو ى متقدم🔥😱 ( غيرنا ماب البيوت خالص )
CITÉS DE FRANCE
How To Make ANY Woman Miss You BADLY! Even If She's NOT Interested | Olivia Alexa
5.0 / 5 (0 votes)