Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

ChatGPT & React Native - Build Chatbots for Android & IOS

Name: ChatGPT & React Native - Build Chatbots for Android & IOS
Rating: 4.6 (26 reviews)

GenAI for RN | Use ChatGPT and DALL-E 2 in React Native | Build ChatGPT based Chatbots in React Native from Scratch

Highest Rated

Created byMobile ML Academy by Hamza Asif

Last updated 7/2023

English

English [Auto],

What you'll learn

Use ChatGPT in React Native for creating Chatbots and Assistants for Android & IOS from scratch
Learn use of GenAI in React Native for building smart React Native Apps
Use of DALLE 2 in React Native for Image Generation from text
Explore different features of ChatGPT and build chatbots for any industry in react native
Explore & use different ChatGPT models in React Native including ChatGPT 3.5 turbo and ChatGPT 4
Implement Text To Speech technology in React Native ChatBots

Course content

6 sections • 23 lectures • 2h 2m total length

Introduction2:13
Learn to integrate ChatGPT and DALL-E in React Native to build powerful chatbots and assistants for Android and iOS, with voice input, reading or listening to responses, and image generation.

Creating a new React Native Application4:35
Initialize a react native app with expo, select a template, and open it in Visual Studio Code. Run on Android or iOS emulators and prepare to use ChatGPT and DALL-E.
Creating Simple GUI for Chatbot Application in React Native9:52
Getting Questions for ChatGPT inside our React Native Application6:08
Wire a text input with onChangeText to update the input message and attach onPress to the send button to trigger the handle button click for the ChatGPT model.
Creating API Key from Open AI console for our React Native Application3:19
Learn to create an OpenAI API key from the OpenAI console and integrate ChatGPT with a React Native app by configuring the key and consulting the API documentation.
Passing User Questions to ChatGPT and Getting Results12:35
Leverage the ChatGPT API in a React Native app to pass user questions to the text DaVinci 003 model via a post request, and receive and display the JSON response.
Formatting Output of ChatGPT & Displaying inside React Native Application6:17
Learn how to display ChatGPT completion results inside a React Native app by parsing the API response, extracting the first choice text, and rendering it in a text component.
Using Chat Feature of ChatGPT in React Native Application6:10
Learn to switch from text completion to chat feature of ChatGPT in a React Native app, using messages with user role and GPT-3.5 Turbo, parsing chat responses and testing conversations.
Generating Images using DALLE 2 in React Native Application7:56
Leverage ChatGPT and DALL-E in a React Native app to generate images by sending prompts, configuring the n and size parameters, and displaying image URLs on screen.

Working on TextInput in React Native4:13
Improve the chat input bar in the React Native app by styling the text input with background color, border, height, margins, and padding to center the text.
Working on Visibility of Send Button in React Native4:43
Improve the visibility of the send button in a React Native chat interface by turning it into a green circular icon with a white send symbol, using material icons.
Adding Chat Layout Library in React Native6:05
Add a chat layout in React Native by integrating the gifted chat library, installing via npm or yarn, and binding a messages array managed with useState to GiftedChat.
Displaying user questions as a message on screen7:49
Display user questions in Gifted Chat by creating a unique message with id, text, createdAt, and sender, then append it to the messages list and update the UI.
Displaying ChatGPT Response as Message on Screen5:34
Display ChatGPT responses as messages in a gifted chat for a React Native app by creating message objects from the model results and adjusting sender and receiver ids.

Generating & Displaying Images using DALLE 2 in React Native5:23
Trigger image generation in the React Native gifted chat using the Dolly model and display the resulting image URL as an image message.
Generating & Displaying Multiple Images in our Chatbot Application4:05
Iterate the data array to generate and display multiple images as individual messages in the gifted chat library, using the URL for each item from the Dall-e model.
Combining ChatGPT & DALLE in React Native4:48
Combine chat and image generation in a React Native app by routing input: start with generate image to call generate images; otherwise use the chat GPT model for text.

Adding Text To Speech in React Native With ChatGPT4:51
Add text-to-speech to your React Native chat bot with Expo speech. Install and import the library, then speak the ChatGPT response using speech.speak with options.
Testing Text To Speak Feature in our Chatbot Application1:54
Test the text to speech feature on a real device by sending messages and hearing spoken responses, while validating text completion and image generation in the ChatGPT-powered chatbot.
Changing Background of React Native Application4:02
Add a WhatsApp-style background to your chat bot by placing BG.jpg in the assets folder and rendering it with the image background component using source, resizeMode cover, and full-screen styling.
Resetting TextInput in React Native3:05
Learn to reset the TextInput in React Native by removing tags and clearing the input after ChatGPT responses, using an input message variable, setInputMessage, and binding the text input value.

Using ChatGPT 3.5 Turbo 0301 in React Native3:10
Explore how to use different OpenAI chat models in a React Native app, focusing on GPT-3.5 turbo and GPT-3.5 turbo 0301, and replace the model name in your project.
Exploring Other models of OpenAI for our React Native Applications3:55
Explore various OpenAI models, including DaVinci 003, GPT-3.5 Turbo, and GPT-4, and compare their input/output structures (text completion vs chat) for React Native chatbots.

Requirements

Visual Studio Code installed on Your System

Description

Do you want to use the power of ChatGPT & DALLE 2 (GenAI) in React Native for building smart applications for Android & IOS? Then Welcome to this most exciting course ChatGPT & React Native: Build All types of Android & IOS ChatBots.

In this course, you will learn to integrate ChaptGPT & DALL-E (GenAI) in React Native for building powerful chatbots & Assistants for Android & IOS. So during this course, we will use the power of chatgpt in react native and build a complete fully functional chatbot for Android & IOS from scratch.

Key Features of Our Application

We are going to build a beautiful Chatgpt Application in React Native for Android & IOS from scratch. So in that application

You can write your questions
Or ask your questions using a microphone (Text To Speech)
After that, we will pass those queries to chatgpt models and get the results
Then you can read the results
Or hear them using Text To Speech
Similarly, we can also generate & display images inside our chatbot using DALLE 2
You can choose different chatgpt models and try them

ChatGPT

ChatGPT is a very powerful AI tool developed by OpenAI for performing a number of tasks with great accuracy, Like it can Answer your questions, Write Essays for You, Generate Images, Write SEO friendly content, Write & Debug Code, Solve Mathematical Equations and perform other such tasks. And during this course, we will use the latest ChatGPT in React Native.

DALL-E 2

DALL-E 2 is a very powerful image-generating model that can generate realistic images from text written in natural language. So by using this model, you can easily generate images by providing the detail that what type of image you need. And during this course, we will also integrate DALL-E 2 in React Native for generating images.

What You Will Learn

So after completing this course you can

Integrate ChatGPT in React Native
Generate images from text using DALL-E 2 in React Native
Build custom chatbots & assistants in React Native for Android &IOS using GenAI
Use different models of chatgpt in React Native
Integrate Text To Speech in React Native for converting text into voice (Listen to results instead of reading them)
Integrate Speech To Text in React Native for converting voice into Text (Operating chatbot with voice commands)
Learn use of GenAI in React Native for building smart React Native Apps

So What are you waiting for? Join the course now and start learning the use of the most interesting, demanding & latest technology in React Native.

Who this course is for:

Anyone who want to learn the integration of ChatGPT and DALLE 2 in React Native for creating fully functional chatbots for android & IOS

ChatGPT & React Native - Build Chatbots for Android & IOS

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 2min

Integration of ChatGPT & DALLE 2 in React Native8 lectures • 57min

Building GUI for our ChatBot in React Native5 lectures • 28min

DALLE-2 for Image Generation in React Native3 lectures • 14min

Text To Speech in React Native4 lectures • 14min

Exploring ChatGPT Models2 lectures • 7min

Requirements

Description

Who this course is for: