ChatGPT with React and OpenAI API 2023. Build your own App.

Focused View

Marek Gryszkiewicz

3:52:05

89 View

1 - Introduction

1 - Features Preview.mp4

01:36

2 - Tech Stack Introduction.mp4

02:05

2 - Creating UI

3 - Client Side Introduction.mp4

01:19

4 - Node installation.mp4

02:03

5 - Creating React Application.mp4

03:06

6 - Cleaning up.mp4

03:40

7 - Creating dashboard.mp4

04:11

7 - dashboard.zip

8 - Creating Sidebar and Chat Sections.mp4

02:56

9 - New Chat Button.mp4

03:01

10 - Icons.mp4

03:44

11 - Creating List Items.mp4

04:00

12 - Delete Conversations Button.mp4

03:17

3 - Chat UI

13 - Creating Logo.mp4

02:26

14 - Chat Containers.mp4

03:12

15 - New Message Input.mp4

03:28

16 - Displaying Dummy Messages.mp4

05:12

17 - Creating Text Animation.mp4

07:45

18 - Complete Code After Section.html

18 - S02E05.zip

4 - Express Server with SocketIO

19 - Server Side Introduction.mp4

05:31

20 - Creating Express Application.mp4

06:51

21 - Connecting Express App with SocketIO Server.mp4

04:43

22 - Testing Connection from Postman Optional.mp4

03:17

23 - Connecting with SocketIO Server from Client Side.mp4

08:08

24 - Complete code after section.html

24 - S03E05.zip

5 - Sending Messages to Server

25 - Handling New Message Input.mp4

09:01

26 - Adding React Redux to our App.mp4

11:39

27 - Working with the store.mp4

11:02

28 - Adding Messages to Store.mp4

07:29

29 - Displaying Real Conversations on Sidebar.mp4

03:17

30 - Displaying Real Messages.mp4

06:45

31 - Sending Chat Messages to Server.mp4

06:26

6 - Sessions

32 - Session Management.mp4

13:24

33 - Testing Sessions.mp4

03:03

34 - Loading Spinner.mp4

03:14

35 - Complete Code After Section.html

35 - S05E03.zip

7 - Chat Part Two Sending Messages From Server to Client Side

36 - Storing Messages at Server Side.mp4

16:27

37 - Selecting Already Existing Conversation.mp4

02:40

38 - Testing Chat History.mp4

03:36

39 - Removing Conversations.mp4

08:23

40 - Complete Code After Section.html

40 - S06E04.zip

8 - Working with OpenAI API

41 - OpenAI Platform Introduction.mp4

02:56

42 - Creating Connection with OpenAI API.mp4

07:36

43 - Sending Request to OpenAI API.mp4

10:19

44 - Bug Fixing and Testing.mp4

05:02

45 - Sending Conversation to OpenAI API.mp4

06:39

46 - Scrolling Functionality.mp4

02:57

47 - Disabling Input When Awating for AI Message.mp4

04:39

48 - Complete Application Code.html

48 - complete-code.zip

Description

Create your own ChatGPT Application with React, JavaScript, Express and SocketIO. Learn how to connect with OpenAI API.

What You'll Learn?

Create your own ChatGPT Application with React and JavaScript
Create your own Express Server
Store chat history of the previous asked questions and responses from AI
Learn how to work with OpenAI API
Create connection with OpenAI API
Deploy your Application
Learn how to use SocketIO for realtime communication
Learn how to connect with SocketIO from Client Side
Get experience with Redux - store management / store container

Who is this for?

Course is for students / developers which are interested how to build own ChatGPT Application with React, Express, Node and SocketIO

What You Need to Know?

React and JavaScript basic knowledge

ChatGPT / OpenAI API available in your country

More details

Description
Introducing an exciting new Udemy course - "Building Chat Application with SocketIO, React, and OpenAI API"!
This course is designed for anyone interested in learning how to build chat application using the latest web development technologies. In this comprehensive course, you will learn how to build a chat application similar to ChatGPT using SocketIO, React, JavaScript, and Express.
The course starts creating app from scratch with SocketIO and React and procceed to the more advanced topics such as integrating with OpenAI API and deploying the application. You will learn how to build a real-time chat application that stores chat history on the server side, making it easy to access and review past conversations.
In addition, the course also includes a quick tutorial on how to generate prompts using OpenAI API, which is a powerful tool for generating natural language responses. You will learn how to integrate OpenAI API with your chat application and use it to enhance the user experience.
By the end of this course, you will have gained the skills and knowledge needed to build your own chat applications using SocketIO, React, and OpenAI API. You will also have learned how to deploy your application to a production environment, making it accessible to users around the world.
So, whether you are a web developer looking to expand your skills or a student looking to build a new chat application, this course is perfect for you. Enroll now and start building your own chat application today!
Who this course is for:
Course is for students / developers which are interested how to build own ChatGPT Application with React, Express, Node and SocketIO

User Reviews

Rating

average 0

Total votes0

Focused display

My main goal is to improve as a developer and share my knowledge. I am working as full stack web developer and my main interests are programming and boxing. I like learning new stuff and programming makes me happy when I can share my knowledge. I will do my best to show you how you can create amazing apps.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.