How To Build Your Own AI With ChatGPT API
ChatGPT is amazing in what it can do, but what if you could leverage that power for your own sites. Well with the ChatGPT API you can do exactly that. In this video I show you just how easy it is to implement AI chat features in your very own application.
📚 Materials/References:
GitHub Code: github.com/WebDevSimplified/c...
OpenAi Website: platform.openai.com/overview
Async/Await Video: • JavaScript Async Await
Async/Await Article: blog.webdevsimplified.com/202...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:35 - API Sign Up
01:44 - Project Setup
03:25 - Implementing ChatGPT
06:50 - Adding User Input
#ChatGPT #WDS #AI
Current version of openai has a changed since this video. Here's the code that works now (Oct 2023): import { config } from 'dotenv' config() import { OpenAI } from 'openai' const openai = new OpenAI( { apiKey: process.env.API_KEY } ); openai.chat.completions.create({ model: "gpt-3.5-turbo", messages: [ { role: "user", content: "Hello ChatGPT" } ] }).then(res => { console.log(res) res.choices.forEach( out => console.log(out.message) ); });
Man you are life saver.
Thank you for the updated!
thanks man
still not sure how to use
To make it remember previous messages, just save every input and output and place it inside the message array, being sure to separate your messages with "user" role, and the ChatGpt answers with "assistant" role. That's it guys
Great tip, thank you!
So what your saying is.. If I do this and place the entire program into a digital monster.... ...I can finally make a Digimon?
@@marshallcraft2819 😂😂😂
@@StefanoV827 If you give it the fact that it have to imporsonate agumon I think you can get pretty close
I need to make it remember previous messages. I can't understand how do I save every input and output and place it inside the message array. Can you please tell me or give me the source code for me
Thanks for this simple guide on how to access the chatgpt api. You can ignore other commenters complaining. It's a good video and the title is fine.
Very helpful, I modified this a bit to allow for adding multiple lines of text for the input and submitted the request only when pressing enter 2x. Thanks for sharing!!
Thanks for this video! I was able to get a quick bot up and running, with a continuous conversation! This was the perfect starting point I needed.
Thanks Kyle -- This was just what I needed to take the first few steps to doing something useful with ChatGPT
Short, sharp and to the point as always. Great video.
Short and Precise thanks as always Kyle.
dude, this is amazing. thank you. i was looking for something like this for hours
Thank you Kyle, you always make stuff so much easier to understand❤
Awesome: thanks Kyle! So instead of fearing being replaced, we'll have an edge and we'll be able to use our programming skills to use this AI in a way that regulars users who can't program can't do. Happy coding AIs :D
This title is just misleading and wrong. You don‘t build an AI you just integrate one.
To be fair, ChatGPT isn't the AI itself. GPT3 is. ChatGPT is simply an integration of GPT3. Clickbaity? Yes, that's how most KZheadrs survive. False/misleading? No. Edit: this comment is wrong. Leaving it up as a reminder of my shame
@@btat16 exactly lol
@@btat16 he still isn‘t building an AI. It doesn’t even matter if the AI is GPT-3 or if the AI is ChatGPT he is still just integrating an existing AI.
@@Simon-yf7fo Thought you'd say that. It boils down to how you define "build". When someone says "they built a website using Wix/WordPress/Webflow", did they "build" a site despite them not actually "building" the components of a website (the HTML, CSS, JSS, etc.)? The end result is a website, despite them using a service that handles the groundwork of the product. Edit: to clarify before the ackchuallies get me, I mean basic WordPress themes with only drag and drop as well as Webflow with its most basic functionalities
you're exactly right on that.
Very important question that I was waiting for the whole video: How can I train my own chatbot on my own data, so that the chatbot will answer with knowledge of a lot of context? And how much data can I put in this message array? Because with ChatGPT-3, if you give it even a small amount of information, it may not remember what we started with and give inaccurate responses.
+1
@@vikram2105 Short answer: There are limited ways to do it, it's not straightforward. Long answer: I have been trying to figure this out myself for the last couple weeks. The simplest and most intuitive way to feed it information is: tell it the information in a prompt. Obviously, this isn't a real solution, because the size of individual messages is limited, overall memory of a conversation is limited, and keeping the bot up to date with the latest changes in a database would be a nightmare. ChatGPT has an API called Embeddings which can be used to feed training data. It also requires what's called a 'vector database', you can't simply use a SQL database or something similar. This involves breaking down a dataset into chunks creating an embedding vector for each chunk. The official ChatGPT docs have a tutuorial of sorts, which involves scraping data from a site and feeding the data into the ChatGPT Embeddings API platform.openai.com/docs/tutorials/web-qa-embeddings github.com/openai/openai-cookbook/blob/main/examples/Question_answering_using_embeddings.ipynb The closest thing I've found to a real solution for using a constantly changing data source like a SQL database is a tool called Llama-Index. Per the docs: "LlamaIndex (GPT Index) is a project that provides a central interface to connect your LLM's with external data." Looks like it can integrate with tons of different sources, SQL databases, ElasticSearch, Notion, Obsidian, and lots more. Unfortunately it appears there's only a Python library currently. I'm keeping an eye on it for updates, or alternate solutions. llamahub.ai/ gpt-index.readthedocs.io/en/latest/
why dont you ask chat gpt itself? :P
For this you should fine tune gpt 3 models.
Exactly... I implemented this thing two weeks ago, but a way to train it to use only specific website and train it to answer questions certain way, to actually use my own data? Seems impossible at this point. They offer some payed services to do this, but there is no way you can tell if they aren't collecting your data and publishing them somewhere... unless you are developing it, you really can't customize it in any way. I mean, I wanted to train my own fuzzy logic model to create Beat Saber levels year ago, now with this, I'm thinking solution might be in reach, but turns out it's just barely out of it and seems it always will be... all this big talk about AI and yet, you cannot really do anything but ask chatbot about things on internet, or create images... Hopefuly I'm totally wrong in 2 weeks from now on :)
This is the essential tutorial on setting up your first basic ChatGPT bot.
I dunno how i finded you, you deserve more visits.. ill be tuning !! subscribed
thanks kyle, i was looking for something on open ai you explained so well loved it
Hello! I enjoyed watching your video. I have a few questions about the pricing of training. When should we train the API? And how often should we train it? Thank you for your time.
This is amazing. Thank you Kyle!
HI man, nice one👍, just got 1 tiny question: is there a way we can show code block rather than text?
GPT-4 is out, but you have to sign up for the waitlist. FYI for anyone that wants the absolute most up to date. It's significantly more expensive per call though (but still quite cheap overall).
You just have to pay for a subscription I use it now
Yeah there's no waitlist. I purchased it and its great but not a huge difference between gpt 3.5 for me as a regular person.
@@vusiliyK pretty sure you still have to wait to be added to the list even if you pay.
@@brymstoner Exactly
Thanks Kyle, can you explain how we can use a custom information using that as a base information it gives the output?
hi kyle, thank you so much for this video. but do you know how to stream the response? so it keeps popping up instead of showing up all at once
Hi, What kind of chatbot UI could be developed that is framework agnostic? I want to use the UI with gpt3 apis running in some python or node backend. I want to plug and play this chatbot UI which can be integrated in a react and vue app seperately
Exactly what I need! Thank you!
Brilliant video. Gets you up and running in time!
I love your channel Kyle. This video felt a bit lacking though. I would love to see a video showcasing the API being implemented for some kind of basic real-world use case. An example of how to use the Fine-tuning or Embeddings API and feed training data in to tailor the bot to the specific use case would be fantastic.
I wouldn't beat Kyle up too much. Chat GPT is brand new and hot but he's got other things on his plate. I assume he released this snack to help us out with a quick overview and will almost certainly have a deeper dive at a later date. However, if you follow his channel you are probably competent enough to implement UI/UX via React, PHP, etc. Reference the docs and give it a shot!
Leave that to the channels that specialize in ChatGPT/AI architectures, this is a good primer as are all of Kyle's videos basically showcasing the tech to beginners and intermediate programmers who might be afraid of this new tech.
He doesn't have to give everything on your plate. He has guided us to how to use the API, and we are the ones who think of the real world use cases. I actually PREFER this type of content.
I agree- this tutorial was as useless as your average Canadian. It supplied nothing of use whatsoever.
or just be thankful for his effort of making videos.
So do you write your own rules for your own version of chat gpt or did you only integrate a watered down version of the original chat gpt for your own use?
Great example of simple use case. However is it possible yet to point the LLM as an interface to your own or a specific knowledge base of content to be an interface for? An example somewhere was using the tax laws as a prescribed knowledge base and askin the LLM to perform tasks based on that. IS this possible yet as an extension of this example?
When you integrate the chatbot from openai, will it be tied to it by any means of policy, monetization or data transfer, or will this one you personally integrate is totally isolated on your local machine and can do almost anything you want with it?
thanks for the video, is it possible to integrate all the features of chat gpt 4 into your application ? e.g. transcribing a conversation into crm to check customer service quality ?
Thanks, this is a great guide to start building an AI project
One question, in a recent Microsoft 365 demo they showed that in PowerPoint you can ask in a chat to review a word file and create a presentation for it with animation. I get the chat feature you just demonstrated, but how do you tell it to scan your DB, files and images on the server and perform an action on the website, like Microsoft is doing with MS Office, or Google is doing with their Workspace or khan Academy with their website? Because that's a game changer. Have you seen those videos that just came out a day ago?
I saw the Microsoft video and it was AMAZING
I'm guessing since MS can access files and read it on your behalf, it reads the content, and sends it to gpt, and using that, it returns some results
I love jackson guitars! great video too!
what's good, Kyle? was just wondering how can I make GPT answer the user prompt under a role given by a dev prompt? "u are an engineer focused on 2floor buildings" for example and then give out some data the model can use to better answer the questions/prompts from the user. do u understand?
how to pre-train it with our own info..like our own company info or product ?
Nice tutorial! But, I get **Too many requests** error when executing the script and a "hello, what functions can I do?"
Hi is there anyway to build our own ChatGPT AI using JavaScript for fun? thanks
can you do this in Python instead of Java?
Please could you explain us how to put the chat in an application or a website, especially a website. Thanks in advance !
One question: on chatGPT website there are those separate chats where the ai can understand what was asked before, no? Is that possible when using the API? Since each API call seems to be a separate "chat", No?
The message in the request parameter of the turbo interface is an array, which means that if you want it to remember the above, you can store the above information in the array
@@codeacme17 But most important is how much data you can put there? (I mean in message array
@@asivak The Chat GPT model has a 4092 token limit so whatever the size of the array it should be fine, but it will only take into account the n last messages depending on its token limit
Hi Kyle, does the backend LLM store any information while using this API?
Thats great.Thanks for sharing useful information
hi, how do u set if the api uses gpt3.5 or gpt 4 ? there is no setting when you generate the key as far as I can see... please help. cheers
I am a beginner When using gpt chat, do I have to get the API from it, or can I get it from anywhere?
Awesome! Thanks. I have a question please. I have a list of names of like the president of all countries in the world and I would to use ChatGPT API to read the list and generate few details about these presidents like, (1) About the president, (2) 1 inspiration quote from the president and (3) Why he/she made the quote. I want results to be populated on a page called results.html How do I achieve these with this tutorial? Thank you.
Looking for something like this but more explanation. Immediately got an error trying to use node.js. I'm super stoked to start playing around with the api but I need a little more detail. Do y'all have any ideas?
Could you show how to build the UI for the prompting?
Hello. I am trying to integrate ChatGPT with TextDrip and Acuity. Would I follow this same process to have ChatGPT to respond to Yes responses from TextDrip campaigns and guide them towards making an appointment in Acuity?
Big fan of your content❤💕💕
it's beautiful. if it wasn't paid api i definitely will integrate it.
Thanks Kyle! 👍
What I'm looking for is an API web browser plug in to pull real stock data so I can give chatGPT the up to date data to work on my prompts ,any help on this ? Thanks
When using the API, I guess all prompts will still be used as training data, right? Can you even do something to keep your input confidential?
Is there a way to use my own dataset to make a gpt version for my use case ?
Your using a Linux base application to run your commands?
I did this and integrated it with AWS for speech, and linked a bunch of Google API services in.
Why does the it say that the requested module 'openai' does not provide an export named 'Configuration' ????
Same problem, did you find any solution
How do we use it for our own datasets?
How would you deploy it?
I am getting the error that openai.createChatCompletion is not a function. I guess the docs have changed? I am trying to find the correct syntax to use.
You are absolute legend my friend :-0
Awesome, thanks!
Probably the API was update and this code doesn't work anymore...
my brain has never been so confused and understanding at the same time
i made new account and subscribed to plus right away and got 0 free credit, does anyone know why? and am i still able to use the abit or not in this case?
Is this will rendre response more faster then in chatGTP website? Then it is worth to develop one in local
use stream model,faster
@@codeacme17 thanks, stream model? What that's about? Version payante ?
how do i open the terminal to run $ npm init -y?
This wouldn't be conversational though right? Each prompt would create a new conversation with no knowledge of the previous messages?
I want to copy it step by step but in the first step im doomed. How to make file like that, the .env?
I love it! Just subscribed...
how should i fix this error The requested module 'openai' does not provide an export named 'Configuration'
Same problem, did you fix it?
any fix yet?@@Mr-gi9rq
Check new openai documentation
But how do I make the chat continuous? So it remembers what I posted before.
1:57 how can i open it?
00:02 OpenAI has expanded upon their API to include ChatGPT, allowing you to integrate AI into your own applications. 01:21 Create a secret key for ChatGPT API 02:33 Setting up configuration for a simple node terminal application 03:47 Setting up OpenAI for chat related tasks 05:00 Sending messages from user role 06:14 Using ChatGPT to generate AI responses and handling message content 07:31 Creating user interface prompts and listeners. 08:41 Using ChatGPT API to build a chat-related AI. Crafted by Merlin AI.
The main thing that resonates with me about ChatGPT is its conversational abilities. It can convey information in a conversational way. Other than that, it doesn’t seem like much more than a search engine with conversational abilities. And what value is there in just giving users the ability to search from a search engine? We’ve had that ability for about 30 years now.
I find the former to be incredibly useful. It isn't a thinking being but it parses like one. It also has a built-in broad perspective because no human being has ever been made aware of everything ever.
I think of ChatGPT the same way, and I would add that the value using it over the search engine is that it filters through all of the results for me and returns the most relevant information. Most of the time, anyways. Sometimes it's a waste of time for more complex queries. For simple and more direct queries, sometimes it even interprets the information and returns it in a usable form specific for my use case.
Using traditional search engines to look for a recipe is a perfect illustration of how chatGPT search is better. I don't want to have to wade through a keyword stuffed, ad rittled 1000 word essay on the history of porkchops just to find a recipe. But that's what it takes to rank on the first page of Google right now.
Other than that, ChatGPT explains things really well and you can even refer to specific parts of your own code, which can be painful to do with a common search engine.
What terminal is he using?
Does it remember what you said earlier in the conversation?
How to i train it with my own data
I think the gpt-3.5-turbo model doesnt work anymore, text-davinci-003 and others work
here 👑, you dropped this
Is that a Jackson guitar in the back ground
thank you
how to open terminal like that?
Maybe it's a dumb question, but is there a tutorial on how to set up the correct programs? Because I keep getting errors like "MODULE_NOT_FOUND". Sounds like I don't have the same setup as you...
coz openai has there own library form where you can use all there tools
why iam not getting correct answet it gives some python code some times
Thanks
how i can bulid this in windows
THIS ROCKS!!!
i am having problem to implement it my website may someone help me please?
Is there a problem with the API? I just used it for the first time ever and got this error in the response error: { message: 'You exceeded your current quota, please check your plan and billing details.', } does anyone find out how it works?
I have same problem. im not sure if it has to be paid. Please if you solved it could you tell me how ?
@@user-um9ck9ze3v not yet lol i dove into a website project so i litterally let it down.. i promise i'd let you know if i find it out
One of an awesome video i have ever seen in my life till now.
Can we interact with this ai with documents?
Its a sophisticated text completer. You could feed it documents and ask it questions about it. It will make an attempt to understand the context and guess what the answer would be to your question. Example: Could you summarize the following text in 20 to 50 words? Some document title Introduction Some text about seahorses and how they are not actual horses bla bla bla bla bla Conclusion Seahorses cant fly, they rather float in water Potential response Seahorses are not actual horses and they live under water.
Yes but it comes with limitations, such as, if you are reading the whole file which is of x number of characters, but the api doesn't allow for that big of content, then you might get error in response, plus, if the content is not shortened, each run would be very expensive and you would run out of credits so fast
Nice!!
Any API to train my own model ?
Does anyone know how to simplify(summarize) this clip by using chatGPT?
You can click on the three dots to 'show transcripts' on the right corner bellow any KZhead video and copy all that a youtuber said. Then paste it into ChatGPT's prompt after asking ChatGPT to summarize the following text. And voila, it should provide a summary.
i've tried this with roblox but the free api key doesnt seem to work. it just returns nil. anyone have any idea on how to fix this?
data: { error: { message: 'You exceeded your current quota, please check your plan and billing details.', type: 'insufficient_quota', param: null, code: null it showing me this error even i did not use api once and i did not ger any free trial amount that you showing you get
me too
Same was the case for me when i was trying it a long back, i switched to another service called chatSonic, you can go for any service of your own choice
Better put in some quarters 😂
I just signed up today and it says I have completed my quota :/
I get an "npm ERR!" in the terminal when I tried doing npm run dev despite me having changed the "dev": "node script.js". Am I missing something? I know basic coding, fyi, but after assigning variables and doing very basic programming stuff (very basic), I don't know much. I intend to utilize GPT to help me learn, though. I've already built several small applications in GPT-4 and 3.5 that function. Any help is appreciated! I opened the debug and found it saying "Missing script: "dev". omg you know what? I think I forgot to save the package.json. Let me do that and check. AHAHAHA. That would be funny. :P
That's what it was. ROFL. Derp. :)
This is showing this error message: 'You exceeded your current quota, please check your plan and billing details.', I have never used this API before still it is showing that you have exceeded your quota. How can i resolve it ? Please do answer Sir
SAME! Did you find any solution?
As far as I know, it's been made pay-to-use without minimum trial credit provided to us. I attended an online session to learn to build apps with chatGPT API 2 weeks ago and everyone complained about the same. I'm not sure when the change was made exactly but it's not free any more.