Let's Build ChatGPT 2.0 with React JS and OpenAI on your PC!

[@germancadenatv]

Adrian, you are not only a great programmer/developer but also a superb instructor as well. It is very rare to find these two unique qualities working perfectly in one person at the same time. On top of that, the tone of your voice, tone, teaching style and professionalism makes it enjoyable to listen to you and pay attention to all details you share. Keep up the amazing job you are doing - you are the best from any angle in my opinion. Whatever your business or personal goals are, I have no doubt you will reach them. Your level of knowledge is solid and you share it in such an interesting and exquisite manner that it is quite enjoyable. I will keep an eye on how to move forward with this amazing technology is coming to all of us. Let´s hope our paths cross in the near future. Cheers!

[@haloworld1776]

3lf 0:04 ò

[@TheNeo2k]

I used ChatGPT to improve itself, essentially creating it into its own Alexa... Voice recognition and TTS responses... its so fun...

[@georgeallen77]

I would be interested in getting your speech code? Can you contact me please?

[@retrobehavior]

Would you please share your code and speech rec software choose. LET'S GROW TOGETHER

[@sultanhanga]

@@retrobehavior he is so selfish

[@vaibhavsinhbihola1]

Hello I want know how you can add this speech system I am only able to translate speech to text but can't able to put on it

[@errorgradov8050]

@@vaibhavsinhbihola1 hi bro,i think you should use 'vosk' library for python,it works offline and you can recognize speech :)

[@jamesradford4558]

Followed this through and loved every minute of it, now having so much fun playing with my own ChatGPT! Thank you for the content :)

[@anshvashisht8519]

hey congrats on completing, can you please share your source code?

[@green_universe]

In the past, I have shied away from learning about AI, coding, or utilizing it, however, with the quick advancements in AI in recent times, I now feel the urge to educate myself in these areas, to not fall behind and to not miss out on a powerful resource that could greatly speed up my development as a software engineer. This changes today.

[@abuxinegaming7600]

I was waiting for such ChatGPT React app. Thank you Adrian.

[@universecode1101]

You are a master on ChatGPT Adrian and as a React dev, this is perfect for me

[@AdrianTwarog]

Perfecttttttttttt

[@RealLexable]

Have you bought it perhaps? Because i wonder if the purchase is scrolling the page as well by too long texts. Because the video example isn't.

[@paulokloster6352]

@@RealLexable you means the scrolling bar ?

[@RealLexable]

@@paulokloster6352 Yes...had no time yet to figure out how to implement that the best way.

[@sultanhanga]

@@AdrianTwarog Can anyone please provide me the code of java script from the minute 18:50 to 20: 35. I was suffering for 2 days just to get this right. The code is just too complex and I seem to not understand all this Nasted "Divs" which Is confusing me.

[@TrentMcfarlane]

Just finished this. YOU ARE AN ABSOLUTE GEM. I cannot thank you enough for this. I learned a lot from this experience. Thank you :-D

[@sultanhanga]

Can anyone please provide me the code of java script from the minute 18:50 to 20: 35. I was suffering for 2 days just to get this right. The code is just too complex and I seem to not understand all this Nasted "Divs" which Is confusing me.

[@JohnSmith-ts2od]

@@sultanhanga Ask ChatGPT

[@amardeephazarika8537]

Someone please tell me why I am getting blank responses while interacting with my bot??

[@jonathanpratte8836]

A big thank you, I didn't do HTML, CSS, Java-script for 15 years and thanks to you, I have now replicated your app completely. I expose the Number of completion too.

[@alanhenderson1977]

Just bought the template - can't wait to try it. Thank you for your videos!

[@zaksorel]

is it worth it? i thought of buying it

[@_slickyricky]

99 bucks much better staring price than 500. This is great specially for devs that already know what they are doing. So we can plug and play and be on our way. Ty for saving me the time.

[@RealLexable]

That's what we can call a real christmas present i guess! You deserve a subscription for sure.

[@ernestj8000]

Excellent instruction and what a generous person to take the time to explain integration of this new and emerging technology with React! Thank you for making this content available!

[@Dinesh-nf1hg]

45:56 it's not returning the value can you correct that

[@markemerson98]

bravo - particularly appreciate your agile development process; specifically, how you begin with the UI layouts and then refactor into react components...

[@SonnySangha]

Hmmm… the title looks awfully familiar 😅 On the level though - Awesome job with this build Adrian keep it up💯

[@AdrianTwarog]

Make enough videos, and you end up making every title alive, also great content on your own stuff!

[@contractorwolf]

Absolutely the best. Appreciate your clear explanations and watching your coding process in real time. Subscribed.

[@ScarletEdge]

ChatGPT helped me design RPG system for my custom campaign in Cold War setting. It's absolutely brilliant as assistant. I can't praise it enough.

[@yemanerussom9462]

You are the best instructor and you make it easy to understand. Keep up the good work.

[@raphaeljaggerd3585]

Dude thank you so much for the amazing content. You are awesome. If i ever make money with this and get out of my current situation i will owe it all to you.🙏

[@AdrianTwarog]

Yay!!! I hope you and many others do!!

[@RavNivara]

@@AdrianTwarog any way to grant it access to the internet?

[@mrcosta6963]

​@@AdrianTwarog Hi Adrian, I purchased your ChatGPT Starter Kit but don´t know how to install this and use it on my Windows PC. Any video or guide about this, please?

[@shivamshrivastava6530]

​@@AdrianTwarog which vs code theme you use?

[@michaelb1099]

Love you and your step by step very precise and intuitive. I am very much a beginner and just learning but you are a great help but do have to replay lots to understand and comprehend what you mean in certain areas.

[@abenjamin13]

I greatly appreciate this tutorial and setup. Thank you very much. I built my first OpenAI project over the weekend with the help of JavaScript Mastery | Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machine Learning.

[@lymarenko]

Adrian, thanks a lot for this video. I got great practice and cool experience in developing openai clients.

[@dylan_curious]

The video shows how to create an app using React and how to use it with chat GPT. The speaker installs create-react-app and creates a client and server folder. She then goes on to customize the app's look and style, including creating a side menu and main section, changing the background color, and adding padding. She also explains how to use chat GPT in business and work, such as scanning through resumes, writing a cover letter for a developer, and asking chat GPT to write any type of code. Overall, the video provides a useful guide for those interested in building an app with chat GPT.

[@musicTvChannel2024]

chatGPT is awesome. I'm impressed. hopefully they will fix the overloaded request of their server soon as possible because I'm so excited to explore this smart chatbot.

[@gustavosmoiras1750]

Thank you for sharing, I will try to do this when I get some money. This really made my day. I am an entrepreneur I am going to make my own brand. When I make some money, I will share some with you for this priceless knowledge

[@hedgefund996]

Wow this is great Content, Thanks and will be supporting shortly.

[@nagaprasadts]

You made my resume filled with interesting projects 😃☺️🤔🙂😉😜

[@AdrianTwarog]

nice!

[@WiredWisdom524]

Thanks

[@AdrianTwarog]

Very much appreciated :) thank you

[@SakuYozakura]

This is amazing man. exactly what I needed for my first saas project

[@robert301990]

I bought it for support, but will for sure use it very soon!

[@davehug]

I appreciate this because all of char GPT's responses are specifically geared toward officially santioned and rubber stamped information which as we all know has shown to be unreliable at best.

[@AdrianTwarog]

yep, your model will behave how you train it!

[@shahbazahmadsiddiqui]

Adrian you are simply awesome... loved the video...!!!

[@JohnSmith-ts2od]

Wow! you are such a good teacher! Thank you so much :)) Will follow :))

[@timobrien4190]

At first I didn't understand why you were passing the entire log of messages instead of the input, but then when you did the steve jobs example I remembered we were building a clone of chatgpt that remembers what you have passed before LOL thanks for this video.😃

[@harmatodlamstel6435]

SOMEBODY SPONSER THIS MAN

[@dynamics9000]

The easiest way to succeed in any field is to work on it consistantly, and consistancy is the key to success. I experienced my self. By the way, thanks for the uploads , a fellow creator

[@jyu100]

Thanks for this video. It helped me gain comfort in react

[@CodingExpress]

Now I can see what you've been working on for the past 2 weeks!

[@moulics]

Awesome I loved every minute of the video

[@bitmammothOG]

lol I couldn't get my messages to output from the response to the ui correctly so I just put this code in chatgpt and asked what I did wrong... boom now it works and it improved some of the processes

[@FloodGold]

This is so funny and scary at the same time because I'm working on a similar project in a different framework haha

[@itjourney-novicetoexpert6121]

Other framework like programming language or things that are added on like what React is to JS? I'm really stepping outside my lane right now. At best I know some Python.

[@NolanMakatche]

@56:54 (data.models.data) should now be (data.models). Also, in the map function change {model.name} to {model.id} .

[@renestavnes]

Thank you! Don't like when they change things that other code relies on.

[@vaibhavkhandelwal9030]

thanks!!

[@sashayakimov6]

Спасибо бро)

[@tonywatters_uisce]

Hello Adrian, I just wanted to say that I really enjoyed your video and found your explanations to be clear and helpful. It took me a whole day to finish, but I finally managed to do so. I was curious to know what your paid videos cover in terms of the next steps in the process? Do they build on what we covered in this video or will they cover different topics? Thanks Tony

[@georgeallen77]

Great job on the video, Adrian. FYI, your buy button is not working, or its very slow?

[@pradeeppawar3622]

Thank you sir for making this video Superb 🔥🔥

[@AdrianTwarog]

Exactly what I wanted to hear!

[@LuKeBf]

just finished the tutorial! super exciting, can't wait for the next ones 🤩

[@AdrianTwarog]

The real question is, what should I do next?!

[@RealLexable]

Did you noticed the bug at 55:50 in the video as well or haven't you tried to restart it yet to see that the list disappears again :D

[@mythored8054]

@@AdrianTwarog react native app

[@Michael_AI]

@Adrian Twarog Course on how to integrate any type of authentication and payment system to this app?

[@camfuinrules]

@@AdrianTwarog how hard would it be to take this set up and implament it for discord usage? im thinking about picking up what you have made for the gpt but if you make something that is like this but taylored to be personal use with a discord bot plugin so i could have it in my discord server and potentially allow a friend to use it aswell.. that would be awesome.. ide pay . take my money :P lol. setting up discord bots on the developer portal is something easey enough for the common noob to learn so im sure others would be interested in that to.

[@dapperdan567]

8:54 here is the code html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

[@AdrianTwarog]

Damn that's what I was looking for!

[@dukedadson774]

Amazing…this is Gold

[@AdrianTwarog]

The way it should be!

[@cryptonicity]

Thanks for the video! What is the difference between the 2 starter kits you offer?

[@EventcentrAl]

Thanks. Purchased previous, an I-ill purchase this template.

[@ashleybasson5664]

Brilliant! 👌🏾👏🏾 You’re the man! 💪🏾😎

[@gabuhl9509]

awesome, is recommended buying both or which is the main difference?

[@AdrianTwarog]

ChatGPT one is basically a simpler version of what is built in this video, but refined for your own use, OpenAI is a complex mini SaaS with strict prompts rather than a chatbot

[@uminhtetoo]

Thank you so much for sharing, Adrian.

[@matthew_brown]

Is it possible to save the chats in the left column like the latest ChatGPT does? That is actually very useful when you want or need to refer back to a previous conversation. I actually purchased this and your other Starter Template.

[@bongimusprime7981]

@matthew very curious in this too

[@JodyLeeSchroeder]

dude , you are a legend

[@leoneladagbe]

No word, you are the best

[@atanupaul489]

The openai API is not for free to use. It's need to use a billing account to get responses form API. Is there any way to get the API for free ??

[@tripnookyoutube]

Thank you for the informative video on chat GPT.

[@aakashsonics]

would this project include frontend backend and a database?

[@Fk_28244hb]

What will happen when you will finish the 4000 tokens limit? I think in that way the chat cannot be long enought. Or i'm missing something?

[@henrybrown5107]

Yes, there's a limit for the length of your requests

[@aharef]

This is really helpful. Thanks

[@aharef]

For anyone stuck when "data.models.data" or comes up: It's "data.models" by now.

[@syedusmanhassan]

Thanks for uploading here

[@fitly7080]

This is Amazing!

[@RavNivara]

must be able to grant it access and privilege to the internet

[@jacoblarszon]

Hello Adrian! Amazing video and amazing template. I just bought the template and I would like to know how to implement stripe with this because I can't seem to figure it out. Much appreciated if you could make a separate video of that!

[@shibmobileverse468]

ROFL

[@charleskofibuckman3327]

Great stuff, thank you!!!

[@rdenham720]

I bought both templates and just got the chat to work. So cool! Ran into some weird issues on Windows. Port 3000 is automatically excluded possibly by a recent Windows update. I ran netstat to make sure nothing else was using 3000 first. Solution is to stop and then start the winnat service. This fixes the problem and allows the react app to start properly.

[@martinkulik9466]

whats the difference between both templates?

[@NickWindham]

Very good idea!

[@CJ-ff1xq]

This is using the old OpenAI models. ChatGPT might be a bit more censored but it is more advanced than these models.

[@rocaivan]

Great work. Thanks

[@apricotcomputers3943]

I'm buying!!

[@boot5672]

this is so friggin cool

[@andrewbellio391]

YES. I bought the previous template and started coding my own prompts with it. VERY good and exciting. My question is (and I may be jumping ahead here), is there a way to integrate these two things together? Please let me know, buying this template right now. 😂

[@martinkulik9466]

what the difference between the template to this?

[@boot5672]

@@martinkulik9466 i'd like to know too. i'm a beginner to this, so dont crucify me if i'm not getting this, but would having this starter kit allow me to keep using chat gpt without a daily limit? What about when the servers are being overwhelmed by people during school hours?

[@martinkulik9466]

@@boot5672 this chatgpt API is actually paid service. Free is only website. You should have some credit free tho. I was beginner in learning coding but I didn't try to learn ever since.

[@bharathnangia]

Was wondering the same!

[@pinakiray1113]

Which keyboard you using ?

[@alexzaviar]

Do you have any plans to do an update video with the current OpenAI changes and the addition of gpt-3.5-turbo? Also, your starter kit no longer works due to these changes. Thanks.

[@AdrianTwarog]

I do!

[@how2technologies]

You got a like, subscribe and save from me. I was feeling my way through building this myself out of sheer will and now with everything I learned and your guidance it's certainly within my reach. I've started using copilot and seeing this AI implemented in such a manner is only stoking my fire.

[@czar1703]

Adrian, thank you very much for the video! Very insightful and excellent delivery. Will you be providing updated versions of the kits that are on offer right now?

[@Oriciel]

Thank you for this video.

[@harvey_04]

How are you handling the unique Id for each session? Do you let the user have multiple session like chatgpt?

[@seyittumturk3769]

Thank you for your time.

[@TJYouToob]

Well done! Thanks!

[@mohammadharish8740]

the new migration guide has caused me to face a lot of errors while following you thoroughly in this tutorial can you see to this and help update the video wherever needed

[@michael.S.12]

I started with just the front end, which was a good learning experience. I'll do the rest tomorrow! Great content; I appreciate the video! Edit: I finished the video & have it on GitHub now! Thank You for making such amazing content

[@paulokloster6352]

what is the link ?

[@khanmuhammad3021]

I am getting error about to use gpt 3

[@harshitagrahari9241]

Pls share the GitHub link

[@flippinginnovations]

Thank you for the demonstration. I am looking for a plug-and-play for I am not a coder. Could you let me know if your template provides everything you have shown? For example the chat is placed at the bottom?

[@philosophyindepth.3696]

You earned a subscriber

[@rajandangi]

@AdrianTwarog Along with the starter kit templates, can you also create premium video content that explains how to develop them?

[@Roh_Dee]

Hi Adrian, I have a question about using the ChatGPT API. I know they charge for the GPT-3.5 and GPT-4 versions with a limit of 1M free tokens. Do they also charge for using older versions of the API once a new version is released, or do the older versions become free to use?

[@chuhius]

Fantastic video! What extention are you using to generate code by comment in VS Code?

[@mike.czarnota]

That's so impressive... I have one question though, in 48:00 - why are trying to `await setWhateverState()`? State setters are always sync

[@RealLexable]

So i managed your trick at 55:50 to get it run properly also after restart, because i couldn't afford a second sale for that thing. It cost me a day to find the problem in the video and my nerves are blank now but my mind grew wiser. So thx. But asking myself still how you maneged styles like "creative" etc.. Maybe from mixing some of them together???

[@AdrianTwarog]

Congrats, doing it the hard way will always make you improve! Styles components should of been included here but I wanted to keep it as simple as possible

[@diplomat1837]

I’ve been in 47:21. & stuck. It just doesn’t answer my question back like yours on my vscode terminal. Pls any tips on how I can resolve this?

[@josephross927]

Having spent the past few days working on a similiar project, would love to see the code.. I believe you aren't really "ChatGpt'ing". A good test would be to ask it to write hello world in java and make your next prompt "how about python". That shows the context spans across individual Completions.prompts. To do this currently you need to basically add the context for your previous prompts to the prompt to davici-3 or wait for them to publicly release their "Chat" api instead of the Completions api

[@ILAN12346]

I made the same thing. Thanks for the model list thing. Add memory about 1000 tokens should be finde. I added longterm memory for persons and so on. With this you can set an baseline like an Charakter of the ki you interact with.

[@AdrianTwarog]

Nice work!

[@bongimusprime7981]

Mind sharing how did you add a long term memory to this? :)

[@RubenDax]

I'm interested in how you are implementing memory. Feeding the full chat history back into the prompt prefix seems like the simplest solution but it would quickly eat up lots of tokens.

[@grin2648]

Adrian, I enjoyed watching this segment. So, much so that I got your template for the ChatGPT-3. Then I realized that you have a Mac, and I have a PC. Your template should work, right? Do I need something to unzip with? I am confused about it. If you or anyone could give a noob to the AI scene that would be awesome.

[@grin2648]

umm Windows, please forgive :)

[@jaipurite.k_lalit]

it would be very helpful if you could provide the github link for the code, as a beginner i have to understand things how they are working ,and that github code will help in some references, I love your videos,they tach me a lot💖💖💖💖

[@drychicken509]

This was a big help to me, what theme are you using for VSCode?

[@thefinancialmuppet5552]

hey boss thanks alot for this, will this write code exacly like the chat.openai does? i mean inside the black background and stuff? thanks

[@bmouhammou7201]

Thank you for this information

[@Tripp111]

Greetings, Adrian. I love what you're doing! However, ChatGPT seems to be answering itself.

[@Tripp111]

I figured it out. Thank you.

[@xcandiottix]

I have a question. Maybe one of the projects you are selling can help me with this but it isn't clear to me. I'd like to run chatGPT locally and feed it somewhat large json data sets and then converse with chatGPT to help me find insights in the data. Which I try doing this on openai's site I have to paste a very very small portion of the data which isn't very useful other than proof of concept. Does using the API allow me to "send" larger datasets to the chatbot? If not, is it feasible to run chatGPT or a variant of it local to my machine (in otherwords no API) and train my own local bot? Again, if one of your products solves for this I'd be very interested. Thanks!

[@Collect-AI]

Thanks for sharing. It's not clear the difference between ChatGPT Template Starter Kit / GPT3 (Chat GPT Starter Kit) & the OpenAI Template Starter Kit for ChatGPT / GPT3 (OpenAI Template) Can you explain. Thanks again!

[@AdrianTwarog]

ChatGPT is a chatbot, and the starter kit replicates this eg. human said, ai said, human said, ai said OpenAI is made for predefined 1 prompt 1 output give me a job CV outline, here is your job CV outline

[@JEROME_BLACKSTONE]

Can we use await for setState hooks? I have searched the internet and it seems you cannot (unless its wrapped in a promise)