Creating a Powerful Chatbot in React Native using OpenAI's GPT-3 API | AI Chatbot | Javascript Code

Hello everyone, My name is Rohit.
Welcome to my channel! In this video, I'll show you how to create an AI chatbot using GPT-3 and React Native Expo. You'll see the demo of the final output of this project and learn how to create a beautiful, functional chatbot. We'll start by creating an Expo project and installing the Axios library, which is a popular JavaScript library used for making HTTP requests. We'll then create a separate javascript file inside a "src" folder and customize the project accordingly. We'll also be using OpenAI's API and creating stateful variables for data, textInput, apiKey, and apiUrl. We'll then create a function called "handleSend" that makes an API call and updates the application's state. You'll also learn how to style the chatbot using the FlatList, TextInput, and Touchable Opacity components. So without wasting any time, let's start building!

𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )

Topics covered:
✅ Project setup of react native & expo
✅ Installation and usecase of axios library
✅ OpenAI account setup
✅ Use of react native hook like, useState
✅ Use of Flatlist, TextInput, and Touchable Opacity
✅ Project demonstration

My social Links:

Music Source: Youtube Music Library

Keywords: react native, react native tutorial, react native app, react native project, react native tutorial for beginners, react native navigation, react native expo, react native full course, react native crash course, react native app development, react native app tutorial, react native app project, react native android, react native ios, react native android app, react native developer, react native CLI, react native crash course, create react native app, code step by step react native, react native design, deploy react native app, react native navigation, what is react native, react native projects, learn react native, react native setup, react native expo tutorial for beginners, react native UI, react native expo, expo react native, react native expo tutorial, small projects in react native, modal view, GPT-3, OpenAI, natural language processing, machine learning, AI, language model, text generation, deep learning, NLP, language understanding, AI model, language tasks, GPT, neural network, AI technology, natural language understanding, AI applications, language generation, AI-powered, language AI

Tags: #reactjs #javascript #reactnative #ios #android #react #openai #gpt3 #gpt #api #expo

[jswhsghww]

How would i make Chat GPt specific to a topic so like say it was a medical AI app how would I make it so it was medical related

[alejandromuriel]

Hi Mr. Bug Ninza. I noticed that you wrote down the apiURL variable manually on minute 5:30. I wonder how can I get the right URL that works for my project?

[fangamer]

what about mathematical equations? how you will render them?

[liuyan]

You prepared so well! Thank you for this great idea!

[RamKumar-floo]

Am getting 429 error might be limited request on openai?

[connalreilly]

Thanks, can you provide the source code?

[MPoetry-jgzt]

I m getting error, Request failed with status code 429
, Evenly i made new account, generate new key and used it but getting the same error. Can you tell me, from where u get the apiURL ? I used the same URL which you used in video, but error is still existing. How can i solve it ? Plz help me

[lorisgaller]

Really great video!! But for me it only works with this completion stuff. I want to give it a prompt for how it should behave and all following answers should be like that. This first completes my sentence and then gives me a chat form answer. How can I do that?

[dilendranishadhi]

Hi thanks for the video!! Would u be able to show us how to train this bot for our requirements as well? :D

[Moonriddim]

Would it be able to train this bot aswell as for our specific needs ? Would be intresting to know how if you could make a follow up on this ❤️ love your content mate its literally the most helpful channel outthere

[rajeshnair]

getting issues with the response object from the API call. is the API url still good?

[BallerMcBallersonn]

I have everything typed the exact same line by line but all of style = {styles.input}
value = {textInput}
onChangeText = {text => setTextInput(text)}
placeholder = "Ask anything" pops up on screen. Why?

[hemasaihs]

1)Possible Unhandled Promise Rejection (id: 0):
[AxiosError: Request failed with status code 401] with valid APIkey and also account created only 1 day before. 2) for every APIkey is text-davinci-002 have access to use it

[AveryNight-evjq]

Hi, I get an error saying possible unhandled promise rejection, axioserror: request failed with status code 429. Do you know a solution for that? Thank you

[MuhammadHassan-rctz]

Does it work cross platform? (IOS/Android/Web)

[divyanshsao]

This gives me an error axios error request failed with status 401. after logging the error it says Property response doesn't exist. help me please

[shafigaming]

Possible un handled promise rejection (id: 0) :
Axios error : request failed with status code 429


How to fix this 🥺

[punyapatchanthakhun]

I got error on axios that said [AxiosError: Request failed with status code 400]
how I fix it thanks

[AffzCcdd]

what is the emulator that you have used??

[tj-]

I get Error status:429, even after trying for many times and with other account as well!
how to resolve this?