🛑 Build ChatGPT in JavaScript (Super simple!!)

🛑 Build ChatGPT in JavaScript (Super simple!!) | JavaScript, HTML, CSS

Рет қаралды 60,166

Күн бұрын

Found this hard? Learn the fundamentals of JavaScript here: www.codewithania.com
🚀 Sign up to www.codewithania.com to receive access for the final code.
____
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webstorm
⭐ New to code and none of this is making sense? Watch my '12hr+ KZfaq Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow

Пікірлер: 127

@crispinthomas2992 Жыл бұрын

Excellent tutorial. Clear and concise.

@b3rhunter Жыл бұрын

Awesome tut! Can’t wait for the react vid! Thanks Ania 🙏

@beinyourguard Жыл бұрын

amazing! love your tutorials, Ania!

@williamsusa5067 Жыл бұрын

Ok I`m motivated now to learn Javascript. Any tips?

@MeiLinFjellstad-oe2cc Жыл бұрын

I have plenty :). I would focus on learning with interactive content. This way you keep what you learn longer. Ania's channel has a lot of projects for you to practice. If you need more basic content, there are a few books such as "Eloquent Javascript" and "Head First Javascript".

@MrArthurRibeiro Жыл бұрын

Very good lesson!! Thank you teacher

@arundhutibhattacharjee4173 6 ай бұрын

Amazing Ms kubow. This tutorial actually helped me and it is the best KZfaq channel for coding

@tnr6 Жыл бұрын

Awesome tutorial! Thank you :)

@rangabharath4253 Жыл бұрын

Awesome as always Ania ❤

@mauriciomarcos Жыл бұрын

Awesome tutorial. From Brazil🧠

@videotimebaby90 3 ай бұрын

very helpful tutorial, thank you!

@Gemeinzam Жыл бұрын

Thanks Ania like i always say, you are the best !

@judonomi Жыл бұрын

Very excited to see the React Project. Thanks for this!

@johnadriandodge Жыл бұрын

Shalom Lady Ania, thank you for sharing and for your Newsletter.

@RealSamGold Жыл бұрын

Ania! You are Super Star! Great content! Thank you!

@ramchandrathapa3532 Жыл бұрын

After watching your video, it's wow moment for me. Thank you so much for uploading this video..

@igormalinovsky3438 9 ай бұрын

It's a great lesson!

@getabettername Жыл бұрын

I found it super helpful that you explained how await works in conjunction with async, and flex-direction works only after using flex as display. it really made all the pieces click in my head

@webslingerwes Жыл бұрын

Does she really? Because I was literally just about to search a video on await async and promises but I saw this video on suggested feed and then your comment. Was gonna watch this later but if she does then guess I’ll watch it now lol.

@tevfik7 Жыл бұрын

great video, thank you sensei

@rilaszinzin2881 Жыл бұрын

amazing teacher 😍i love php but with you i can love javascript 😅

@raso1384 7 ай бұрын

Thanks for the tutorial! I had a 249 error and I couldn't find a way to fix it and ended up adding credit to the account :) Then it started working perfectly.

@kam3580 11 ай бұрын

Thank you!

@voldemortvi4264 Жыл бұрын

i love your videos Ania , thank for taking the time to make this tutorial , can you please make it with Tutorial , next video maybe ?

@sujithathangadurai Ай бұрын

That is a good video. Never give up. Code well

@AudioMulch4 Жыл бұрын

The answer from GPT: Ania Kubów is a software engineer, content creator, and educator in the tech industry. She is known for her KZfaq channel and blog, where she shares tutorials and insights on web development, programming languages, and software engineering. Ania is passionate about making technology more accessible and helping others learn how to code. She often covers topics like JavaScript, Python, and React, and shares her experiences working on various projects. In addition to her online presence, Ania has also worked as an instructor at coding bootcamps and spoken at industry events.

@_.xxx1234._ Жыл бұрын

Perfect 🔥🔥🥰

@SuperPompey77 Жыл бұрын

Excellent!

@benji-L Жыл бұрын

Thanks for this video, Ania. I've done a countless number of them on KZfaq and FreeCodeCamp. I think this is your best one to date.

@Tomro82 Жыл бұрын

Yes!!! make the react version please

@YanLipavsky Жыл бұрын

Cool ! Thanks

@zenazena407 Жыл бұрын

Hello from Lviv,Ukraine.....Thank you for your lessons.....

@HAHoneyGaming Жыл бұрын

is it different with python?

@ItsThePiratesWife Жыл бұрын

Even if am experienced in programming (not expert level tho), Ania always teaches me something new. Subscribing to your channel has been quite valuable.

@ItsThePiratesWife Жыл бұрын

@Dishkanv Official KE.

@shaikayub5263 Жыл бұрын

Awesome 👍

@sphezzwane4473 Жыл бұрын

Welcome to CPT !!!! I might run in to you :)

@user-yb1tn4yq8g Жыл бұрын

Thnx

@shree9645 5 ай бұрын

OpentAI API request error : You exceeded your current quota… (now:major challenges/bug with prepayment credit system) , encountering this error at 35:00

@MehmetBOZKURTEvil 8 ай бұрын

Thanks

@squiddymute Жыл бұрын

is this a wrapper script that uses the chatgpt api ?

@Ibanezyt Жыл бұрын

Welcome to Cape Town! 😎

@Abdulkhaleq-kq8oe 10 ай бұрын

i did everything right but it shows status code: 429.

@PoojaSinha-ir3rw Жыл бұрын

This code will work on wix custom code ? Please reply

@iamnimish Жыл бұрын

complted. waiting for the react tut. thanks for making this.

@nihonrahman6712 Жыл бұрын

It says stringify is not defined when I run it

@getin6877 8 ай бұрын

How can i hide API key?

@aryantiwari9728 Жыл бұрын

Can you pls provide the source code....a humble request

@supernatural802 Жыл бұрын

funny thing is i asked ChatGPT to write the code for me and it did exactly that! Wild times.

@GigaSoftComPl Жыл бұрын

where is answear?

@moza7137 6 ай бұрын

For me when I click the submit button it shows 429 error "too many request" I'm really stuck and cant figure out what to do. Help pls

@satyajeetnikam2552 9 ай бұрын

I am getting error 401. I am exactly typing Api key as it is in code but why this error got

@solomondeveloper Жыл бұрын

Really Amazing 😄 👍

@Peter-du5zf Жыл бұрын

This is gonna be a hit video, i'm calling it. +1mil views incoming.

@mahakkaurchhabra1200 Жыл бұрын

Hi. I have tried a lot to do this in java. But I’m unable to. Could you make a small video on that too? I’m unable to do it cus of the dependencies and whatnot. There’s a package for java made by a person on the official site. And also, aren’t the current packages only for python? How did you do it in js even though it’s for Python (can you explain the concept)?

@peristiloperis7789 8 ай бұрын

Write it in any language and ask chatgpt to convert it to java. Chatgpt is particularly good in this kind of task. Divide your code in some parts to make sure you'll get a good result. If you are interested in learning, ask Chatgpt to explain the details.

@laughAFrame Жыл бұрын

Can you also please add a database to it where the chats are stored and even if we refresh. The chats are preserved and the conversations can be continued, like chatgpt itself has. I guess you are making an application where if we refresh it will loose all the content and we have to start again, am I right?

@milanfanas Жыл бұрын

If you don't need to save months or years of daily chats with GPT you can use browser local storage or session. You have about 5MB that is a lot for text.

@laughAFrame Жыл бұрын

@@milanfanas browser storage works only in one device. I cannot have my convos if I open my account on some other device

@milanfanas Жыл бұрын

@@laughAFrame you are right, but then you might need to implement a user system as well if you don't want to share all chats with other people accessing the same page. The correct solution depends on your needs.

@laughAFrame Жыл бұрын

@@milanfanas yeah I know how to implement the system but I am a bit confused how to add differenet convos.

@azizbek_c_a_panda Жыл бұрын

Wow 😮😮 👌 👏

@adamspice9076 Жыл бұрын

Github Repository?

@manoterasfloweskultor Жыл бұрын

buen video

@disrael2101 Жыл бұрын

where's the source code??

@g-ster Жыл бұрын

mam I'm getting an error like " to load resource: the server responded with a status of 429 () ", What to do now please help mam.

@vfxentity 24 күн бұрын

u need to buy the api, they no longer give free api

@r4v1m5 Жыл бұрын

can't you make chatgpt itself to code this up in 45 seconds?

@tushaar9027 Жыл бұрын

Please make it access custom knowledge for answering questions

@thakurgamer1885 9 ай бұрын

Tushar do you have right code

@aryanmauryamr.perfect1426 10 ай бұрын

Where is source code

@mamadoubathily3929 4 ай бұрын

Hi Ania you are JavaScript Targaryen

@mclar9 Жыл бұрын

Can you please give me the big sister codes 😢😮

@kwandamadela7707 Жыл бұрын

Ania heard Cape Town is shortened to CPT and decided to make a chatGPT

@tyrannosauruspex4323 Жыл бұрын

Aniiia!

@calvinwilliams729 Жыл бұрын

Yes can we get the source code?

@thakurgamer1885 7 ай бұрын

Do you have source code

@PoojaSinha-ir3rw Жыл бұрын

Have you added this code on github

@thakurgamer1885 7 ай бұрын

Do you have source code Pooja

@codearyan5245 Жыл бұрын

Can you pls make a more Realistic clone of this chatgpt

@123_divyanshsingh_parmar8 5 ай бұрын

for people following this tutorial now if you are struggling with error 429:insufficient_quota, that's because Open AI have changed the API usage to paid accounts only.

@mennatallah1986 5 ай бұрын

did you find an alternative free API please?

@123_divyanshsingh_parmar8 5 ай бұрын

well there is another api from google "Gemini", Ania is making a tutorial on that as well@@mennatallah1986

@krishasanghavi8687 4 ай бұрын

Yes please find free api

@arl_f Жыл бұрын

Or asking chat gpt to write code for a clone in js, html and css haha

@ThankYouESM Жыл бұрын

For the sake of staying offline as not to risk my* many hours of work getting copied without actual permission... could you please show us how to make an actual NLP Chatbot instead, therefore not ever requiring any APIs? I heard we can download a combination of corpora for our specific programming needs.

@ThankYouESM Жыл бұрын

@@chrisalmighty Google already has over 5'000 pre-trained data set in which we can download for free. I got a set just for writing code in various programming languages under 2GB, but... I can't find an offline ChatGPT clone, therefore... the corpus is only taking up space in one of my drives for now. Basically... it doesn't need to be over 2GB to simply accomplish what I want, especially far faster than ChatGPT and GTP-4.

@chrisalmighty Жыл бұрын

@@ThankYouESM if you have a simple application, then ChatGPT is the best bet

@vishalsinghpanwar2972 11 ай бұрын

If anyone finds a solution to this "You exceeded your current quota, please check your plan and billing details", please post want to give this a try! Thanks in advance ☺

@SaaraNasir 5 ай бұрын

tell me please why not to upload this on the git hub??

@divyamsrivastava476 2 ай бұрын

because from your api key anyone can get access to your payment please note if you haven't uploaded your card details in openai you are safe but that means in future too you have to avoid paying openai

@Madmax45571 Жыл бұрын

@i_know_truth_hurts 11 ай бұрын

the only problem is that , you need money in order to test your web app...

@user-oi6ht7hy6z Жыл бұрын

Hej Aniu, dodawaj proszę Polskie napisy jest tyle Ai do wykorzystania więc dużo czasu ci to nie zajmie a chciałbym móc cię oglądać ale rozumiem co 4 słowo ;( :D

@secret_7025 9 ай бұрын

Can anyone provide me with code

@KL-oj2my Жыл бұрын

This is not a clone, just another app that depends on chatgpt for api calls.

@mortezafarhangpanah256 Жыл бұрын

I am getting an error when the api responds. it says you should check your billing settings. I think it's required that you have some amout of money in your OpenAI account, so you can use it. anybody else has this problem?

@aniakubow Жыл бұрын

I think you might have used all your free credits :)

@coldes2277 Жыл бұрын

yep, same even though my free trial usage has used only $0.02 of $18.00, am at a loss as to why this 429 error is console logging

@YanLipavsky Жыл бұрын

Anichka GPT :)

@tkdevlop Жыл бұрын

build chatgpt clone using chatgpt?

@MaiHappyBanda 6 ай бұрын

Are you a AI generated model ?

@TheTravelingEntertainer Ай бұрын

You look beautiful and you are kind too thanks anyway

@user-kf6yp1zq9k Жыл бұрын

大佬牛B

@danielrocks5 Жыл бұрын

peeeenguiiiiin :.)

@ToadyEN Жыл бұрын

First

@cyberianoid Жыл бұрын

ChatGPT again? No, thaks! *I call on all sane experts to boycott AI and ChatGPT!*

@shingrai_adobe 4 ай бұрын

I thought you are from Europe😆

@NoName-oh9fh Жыл бұрын

Эх стареешь Аня стареешь.

@TheGFS Жыл бұрын

lol... this title is such clickbait ;)

@saadowain3511 Жыл бұрын

Waiting.. beatiful lady

@thiagoleobons390 Жыл бұрын

this is not usable at all. How are you changing between conversations threads? youre just rendering an array of messages in the sidebar. you entity modeling is wrong. this is wrong teaching

@CoworkingFirst Жыл бұрын

Слава Україні!🇺🇦❤️🇺🇲❤🇬🇧

@elyascanfixit Жыл бұрын

What

@CoworkingFirst Жыл бұрын

@@elyascanfixit STOP war in Ukraine!❤️🇺🇦

@CoworkingFirst Жыл бұрын

@IamGroot "owner" is in your country, and in Ukraine - everyone's favorite president!🇺🇦❤️

@yobi3d Жыл бұрын

ты дoлбaёб пи3дeц ) Это же надо быть таким yёбkoм, что бы писать эту свою xyйню на канале по обучению коду, на английском! 🤣

@Goorxun-yeer Жыл бұрын

I flowed your vedio, but am getting an error: TypeError: pElement.addEvantListener is not a function. It is pointing to: pElement.addEvantListener('click', () => changeInput(pElement.textContent))

@user-mh1km3mv7z 7 ай бұрын

how much money does it cost to get this to work? pretty shitty i followed this entire video only to realize i need to pay money for an api key

@retrogaminga1072 Жыл бұрын

Its a pleasure to watch such a beautiful girl to program like a pro.. It sucks that I know that she will never even read my comment! But.. what the heck..

@seryjsk Жыл бұрын

here it looks at your .. at the picture " and imagine a moment of youth " you don't understand the topic not grains "a tram is only a light sad pro~ nickname .. Оставить отзыв

@Alfatrans-fx7jg 5 ай бұрын

I spended 2hours but nothing working. I tried some times watch Ania`s tutorials, but always all tutorials are short and it is just advertisement of Ania`s courses which costs a lot of money. So as for me i do not see any meaning to continue watching any videos from this channel. Better i would buy some courses on Udemy for 9$ and get all lessons and information i ever need.