The BEST Way To Make Money With AI NOW! - Don't Miss This

Astro K Joseph
14 Sept 202412:02

Summary

The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.
The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.
The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.

Outlines

The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.

Mindmap

The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.

Keywords

💡AI tools

AI tools refer to software applications that utilize artificial intelligence to perform tasks. In the video, AI tools like V by veral CLA AI or carser AI are mentioned as facilitators that simplify coding, making it accessible even for those with basic or intermediate coding knowledge. They are used to build complex applications and offer freelance services, which is a central theme of the video.

💡Freelance services

Freelance services are jobs or tasks performed by individuals who are not part of a company's staff but are hired for a specific project or task. The video discusses how individuals with coding skills, enhanced by AI tools, can offer freelance coding services to clients and make money. Examples include building APIs or websites, which are showcased as potential freelance projects.

💡Coding

Coding is the process of writing instructions in a language that computers can understand. The video emphasizes that even with basic or intermediate coding knowledge, AI tools can assist in creating complex applications. Coding is central to the video's message, as it's the skill being leveraged to offer freelance services and make money.

💡Backend and frontend

Backend refers to the server-side of an application, while frontend refers to the client-side or the user interface. The video suggests that AI tools can help build both backend and frontend parts of applications, indicating the comprehensive nature of the assistance AI can provide in web development.

💡API

An API (Application Programming Interface) is a set of rules and protocols for building and interacting with software applications. In the video, creating an API is presented as a service that can be offered as a freelance job. The script provides an example of an API that searches Google and extracts information, demonstrating how APIs can be used in practical applications.

💡Next.js

Next.js is a popular React framework that enables functionality such as server-side rendering and generating static websites. The video provides a tutorial on creating an API using Next.js, highlighting its use in building web applications that can be offered as freelance services.

💡TypeScript

TypeScript is a superset of JavaScript that adds static types to the language. The video mentions using TypeScript when creating an API in Next.js, indicating a preference for a typed language that can help catch errors during development, which is beneficial when creating robust applications for clients.

💡Freelance platforms

Freelance platforms are online marketplaces where freelancers can offer their services and clients can hire them. The video mentions platforms like Upwork and Fiverr as places where one can offer coding-related freelance services and convert them into income, emphasizing the practical application of coding skills for financial gain.

💡React.js

React.js is a popular JavaScript library for building user interfaces, particularly for single-page applications. The video suggests that one can offer freelance services specializing in React.js development, as indicated by the example of a job posting for a React.js developer on Upwork.

💡Image blurring

Image blurring is a technique used in image editing where parts of an image are intentionally made less sharp or obscured. The video provides a tutorial on creating a website that allows users to upload an image, select a portion, and blur it, showcasing the practical application of coding skills in creating a functional and user-friendly web application.

Highlights

The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.

Transcripts

play00:00

so in this video I will talk about the

play00:01

easiest way to make money using AI right

play00:04

now all thanks to AI tools like V by

play00:06

veral CLA AI or carser AI coding has

play00:09

become more simple easy and accessible

play00:11

to the mes so even if you are a person

play00:13

with only basic or intermediate coding

play00:16

knowledge you can go ahead and with the

play00:17

help of this AI tools build complex

play00:20

applications both backend and front end

play00:22

stuff and offer freelance services to

play00:24

people and make money out of it and

play00:25

that's exactly what I'm going to show

play00:27

you in this video so in this video I

play00:28

will show you how you can offer coding

play00:30

related freelance services to people and

play00:32

make money out of it and the best part

play00:34

is that even if you only have basic or

play00:36

intermediate knowledge about coding

play00:37

these AI tools are here to help and I

play00:39

will show you how exactly you can build

play00:41

an API like the back end part and also a

play00:44

website a fully functional website using

play00:45

AI today and you can follow the same

play00:47

pattern and you know take inspiration

play00:49

from this and offer freelance services

play00:51

on platforms like upor and FIV and

play00:53

convert it into real money and again if

play00:55

you don't know anything about coding you

play00:56

can just go ahead and search for some

play00:58

crash codes or simple codes for

play00:59

beginners on YouTube and I'm pretty sure

play01:01

you will find a lot of tutorials like

play01:03

high quality tutorials on YouTube

play01:04

related to various programming languages

play01:06

so let's say you want to learn

play01:07

JavaScript or react or xjs you can

play01:09

simply go ahead and search for like

play01:10

beginners guide for that particular uh

play01:12

programming language on YouTube and

play01:14

you'll find some really amazing high

play01:15

quality content you can go ahead and

play01:17

watch it a couple of times and do some

play01:18

uh homework and you can just be

play01:20

extremely good at the basics and then

play01:22

you can go ahead and start using these a

play01:24

tools to kind of code complex stuff and

play01:26

if you understand how things work under

play01:28

the hood then things should be that

play01:29

simple for for you and you can use air

play01:31

tools to create components or apis and

play01:33

provide Finance related services and you

play01:35

can make good money out of it so yeah

play01:36

that's that all right so this right here

play01:38

is the upwork website which is basically

play01:40

like a freelance website and if you come

play01:42

to this website hover over this find

play01:44

work option and click on find work for

play01:46

your skills and scroll down you can find

play01:48

a lot of different freelance uh you know

play01:50

works that you can do on the platform so

play01:52

I'll go ahead and filter it down to

play01:53

include only development and it and

play01:56

let's say I want to I'm interested in

play01:57

giving reactjs related work okay so I

play02:00

can just go ahead and scroll down and

play02:02

click on this option that says react.js

play02:04

developer and now this page will show

play02:06

all the reactjs related jobs posted on

play02:09

upwork for example let's just click on

play02:11

this one and this job or gig here says

play02:14

that experienced full stack developer

play02:15

needed to complete an MVP and the pay

play02:17

for this one is going to be $750 and you

play02:19

can go ahead and read the requirements

play02:21

here and what are the skills needed here

play02:23

as well now this writer is yet another

play02:24

one and it says jigo puzzle component in

play02:27

react and they okay they want you to

play02:30

code a jigo puzle component in react and

play02:32

the price for this one is $200 fixed

play02:35

similarly Fiverr is yet another website

play02:37

where you can find a lot of coding

play02:38

related gigs and let me just go over and

play02:41

click on programming and Tech and I'll

play02:43

just click on web applications now you

play02:45

can find a lot of gigs related to coding

play02:47

here and people are offering like PHP

play02:49

laravel developer and to build custom

play02:51

websites for 1,700 rupees or uh backend

play02:55

web developer using nodejs in 2,200 or

play02:58

Ruby rails application for 13,000 and

play03:01

these people are actually providing

play03:03

various different services at various

play03:04

different price points so this one here

play03:07

says that I will create a scalable and

play03:09

dynamic app using react nodejs Express

play03:11

JS and the pricing is like 32,000 rupees

play03:13

or somewhere in the range of $400 now

play03:16

all these people are providing coding

play03:17

related services on these platforms like

play03:19

uper and Fiverr and you can to provide

play03:21

your own services and make money out of

play03:23

it now comes the biggest part how can

play03:25

you actually use AI to kind of code

play03:27

things and deliver to people and make

play03:29

money of it right well in this video I

play03:31

will to show you two examples of the

play03:33

same in the first one I will show you

play03:34

how you can create an API and the second

play03:36

one I'll show you how you can create a

play03:38

fully functional web app that is used to

play03:41

blur images okay so first let's get

play03:43

started with the API part all right so

play03:45

let's say a person approached you asking

play03:47

to create an API for them that they can

play03:49

use in their nextjs project so what does

play03:51

the API do you as well the API will take

play03:53

a keyword as input and the API will go

play03:56

ahead and search for the keyword on

play03:57

Google take the top ranking top 10

play04:00

ranking pages on Google take the title

play04:02

of the page take the URL of the page and

play04:04

also the API will actually visit each of

play04:06

these individual URLs collect the entire

play04:08

content textual content within each of

play04:10

these URLs and return everything as an

play04:12

array like an array of objects

play04:14

containing the title the URL and also

play04:16

the entire content of each individual

play04:17

URL so that is the API that a person is

play04:19

asking you to code now if this is the

play04:21

context I will show you how exactly you

play04:23

can code this API that works in nextjs

play04:26

using V by veral AI tool so let's get

play04:28

started shall we so I'll go ahead and

play04:30

open v. d/ chat and this is the

play04:33

interface that we'll be working with so

play04:34

I'll go ahead and give it a simple

play04:35

prompt something like

play04:41

this so the prompt that I gave is create

play04:43

an API in NEX js14 using App router and

play04:46

typescript the API will take a keyboard

play04:48

and search for it on Google and extract

play04:49

the title and URL of all pages ranking

play04:52

in the first page the API will then go

play04:54

through the individual URLs and return

play04:56

the entire content of the page as well

play04:57

in the end the API should return and

play04:59

array of objects containing the oops uh

play05:04

containing the title URL and the content

play05:07

of each page now go ahead and click on

play05:09

the send button and let's see what it

play05:10

comes up

play05:18

with all right so this right here is the

play05:20

code generated by the AI so the this is

play05:23

the code for the API and the next thing

play05:25

that we want to do is to create an API

play05:27

end point and create a root. file and

play05:29

add the entire content so this right

play05:31

here is a nextjs project that I've been

play05:33

working on so I'll go ahead and create a

play05:36

API folder in the apps folder and inside

play05:38

of the API folder I'll create a new

play05:40

folder called search and inside of it

play05:43

I'll create a new file called root. TS

play05:46

now I'll go ahead and copy the entire

play05:48

content and paste it in here okay so

play05:51

I'll go ahead and paste everything and

play05:52

yes and the thing to use this API all

play05:55

you have to do is to make an API call to

play05:57

this particular URL right here so I'll

play05:59

just go ahead and copy this and before

play06:02

that let me just go ahead and start the

play06:04

development server so I'll go ahead and

play06:05

run uh npm run Dev so I'll click on this

play06:09

Local Host button to open it up and now

play06:12

to access the API I'll will have to go

play06:14

to this path right here and this example

play06:17

I have to replace with whatever content

play06:19

so for example let's say I want to

play06:20

replace it with the keyword of

play06:23

freelancing okay and I'll hit enter and

play06:27

let's see what the API comes up with and

play06:29

you can also see I have made a request

play06:32

and these are all the logs and stuff

play06:34

that's happening behind the scenes so

play06:36

let's wait and there you have it the API

play06:38

is actually working so let me just click

play06:40

on this button and the API is now

play06:42

returning the result uh array containing

play06:45

things like the title this is the title

play06:47

of the first page that is currently

play06:49

ranking on Google then we have the URL

play06:51

then we have the snippet and the actual

play06:53

text content of this particular URL

play06:56

right here all

play06:58

right cool

play07:00

and now one thing that I noticed is that

play07:01

it also returns a lot of fluff and a lot

play07:04

of HTML tags and stuff and we are only

play07:06

particularly interested in the textual

play07:09

content so I can go ahead and give it

play07:10

another prompt saying can you modify the

play07:12

API such that it cleans the content of

play07:14

the URL to only include the actual text

play07:16

content for example if it is a blog post

play07:18

only the actual blog post and nothing

play07:20

else and they have the tool has given me

play07:23

the updated code so I'll go ahead and

play07:25

copy the code and I'll go ahead and

play07:28

replace the content

play07:30

whoops okay let's copy the code

play07:33

again control a delete hand paste and

play07:36

save give it a save and I'll go ahead

play07:38

and run this API

play07:42

again and let's

play07:44

see uh it's working here and now let me

play07:48

just click on this

play07:50

option and yes now we only have the

play07:54

actual text content and all other HTML

play07:56

elements and stuff is actually gone now

play07:58

I will go ahead and give it a different

play08:00

keyword something like this how to train

play08:02

chat GPT and I'll go ahead and hit

play08:05

enter and wait for a while and yeah it's

play08:09

working and let me just go ahead and

play08:11

click on this and now we have a link

play08:14

from chat b.co the actual text content

play08:17

then we have viky how.com then we have

play08:20

the actual text content only and this

play08:21

time if you notice you can see that

play08:23

there is no HTML content right so HTML

play08:25

tags and stuff like that is actually

play08:27

ignored by the API and if you do a

play08:29

search for how to train chat GPT on

play08:31

Google so these are the websites that

play08:33

going to pop up in the first page and

play08:35

these are the actual text content so

play08:37

that's how simple it is to create an API

play08:39

for nextjs using Vis byel okay the next

play08:42

thing that we're going to code is to

play08:43

create a website in nextjs that will

play08:46

allow users to upload a image or a

play08:48

screenshot and select a particular part

play08:50

and blur it okay and after blurring that

play08:52

particular part users can download the

play08:54

image back to their computer so let's

play08:55

see how to code the same using V byell

play08:58

so go ahead and give give it a symol

play09:00

prom something like this create a

play09:01

website in nextjs 14 app router

play09:03

typescript where a user can upload an

play09:05

image and drag and select a portion to

play09:07

blur after blurring the user should be

play09:09

given the option to download the image

play09:11

to their device the selected portion

play09:13

should be blurred also include an option

play09:15

to invert the selection and blur and

play09:17

also be able to blur multiple times so

play09:19

I'll go ahead and click on the send

play09:20

button and wait all right so v.d has

play09:23

managed to code the entire thing and I

play09:25

had to give a few more prompts to fix

play09:27

the errors that it had initially and

play09:29

this is the final code that is working

play09:30

right now so I'll go ahead and copy this

play09:32

one and replace the content inside page.

play09:35

TSX and by the way I'm actually using

play09:37

ret for this one not the local IDE and

play09:39

I'll further scroll down and copy the

play09:42

code for image uploaded. TSX so inside

play09:44

of the components folder you'll have to

play09:46

create something called as image

play09:47

uploaded. TSX file and I'll go ahead and

play09:50

replace the content inside then I'll

play09:52

further scroll down and image editor so

play09:56

image editor. TSX I'll replace the cont

play09:59

there as well now I'll go ahead and

play10:01

scroll down and yes that's all about it

play10:04

and I'll go ahead and click on this run

play10:05

button and let's see if it works all

play10:08

right the development server is actually

play10:11

running and I'll just go ahead and click

play10:13

on this option to open it in a new tab

play10:16

all right so this right here is the

play10:17

website that a has managed to code and

play10:19

let's see if it works this time so I'll

play10:21

go ahead and capture a simple screenshot

play10:24

like

play10:24

this and once I have the screenshot I'll

play10:27

click on upload image and select the

play10:29

screenshot and upload the same and I'll

play10:31

go ahead and make a selection right here

play10:33

like so and I'll click on apply blur and

play10:36

yes that works I can go ahead and make

play10:38

more selection click on apply blur and

play10:41

it works I also have a blur amount

play10:43

slider so that I can select the

play10:45

intensity of the blur to add and if I

play10:47

want to reset I can click on reset but

play10:49

before that let me just click on the

play10:50

download button and see if it downloads

play10:52

the image and there we have it and I'll

play10:54

just go ahead and open it up and this is

play10:56

the exact image that we see right here

play10:58

and the functionality is just working as

play11:00

it should and I click on the reset

play11:01

button and everything is back to normal

play11:04

so that's how simple it is to create a

play11:06

image blurring website completely using

play11:08

AI so I have not really coded a single

play11:10

line manually all I did was give some

play11:12

prompts to this AI tool right here and

play11:14

copy the code it generated and pasted it

play11:16

in replate and this is the app that it

play11:18

generated and it's fully functional all

play11:21

right so now that you know how to use AI

play11:23

to kind of create an API in nextjs 14 or

play11:25

create a fully functional app that lets

play11:27

you blur parts of the images you can go

play11:30

ahead and visit any freelancing

play11:31

platforms like fivr RW work or find

play11:33

clients from Twitter or LinkedIn and

play11:35

provide freelance coding related

play11:36

services and make money out of it and

play11:38

the best part is that even if you only

play11:40

have intermediate or basic knowledge

play11:41

about coding you can still go ahead and

play11:43

get started with the whole thing and if

play11:45

you have like zero coding knowledge it

play11:46

might not be for you but again if you

play11:48

have basic understanding as to how

play11:49

things work under the hood and you know

play11:51

the basics of whatever programming

play11:52

language that you plan to focus things

play11:54

should be very simple for you and you

play11:55

can use air tools like this to make

play11:57

money out of it so I hope you found this

play11:59

video useful if yes make sure to

play12:00

subscribe to this Channel and I'll see

play12:01

you in the next one

Rate This

5.0 / 5 (0 votes)

Related Tags
AI CodingFreelance JobsAPI DevelopmentWeb DevelopmentNext.jsTypeScriptImage BlurringFreelance TipsAI ToolsTech Earnings