(Udemy) ChatGPT Clone with React/ SocketIO and OpenAI API 2023 (Maarek Gryszkiewicz)

About Course

This free course from Udemy teaches you how to build a chat application similar to ChatGPT using SocketIO, React, JavaScript, and Express. Learn to create a real-time chat application with chat history stored on the server. The course includes a tutorial on generating prompts using the OpenAI API to enhance the user experience. Learn how to deploy your application to a production environment. This course is perfect for web developers and students interested in building chat applications.

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

Course Content

Introduction

A Message from the Professor
Features Preview

01:36
Tech Stack Introduction

02:05

Creating UI

Client Side Introduction

01:19
Node installation

02:00
Creating React Application

03:06
Cleaning up

03:40
Creating dashboard

04:11
Creating Sidebar and Chat Sections

02:56
New Chat Button

03:01
Icons

03:44
Creating List Items

04:00
Delete Conversations Button

03:17

Chat UI

Express Server with SocketIO

Sending Messages to Server

Sessions

Chat Part Two Sending Messages From Server to Client Side

Working with OpenAI API

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Student Ratings & Reviews

No Review Yet

About Course

What Will You Learn?

Course Content

Introduction

A Message from the Professor

Features Preview

Tech Stack Introduction

Creating UI

Client Side Introduction

Node installation

Creating React Application

Cleaning up

Creating dashboard

Creating Sidebar and Chat Sections

New Chat Button

Icons

Creating List Items

Delete Conversations Button

Chat UI

Creating Logo

Chat Containers

New Message Input

Displaying Dummy Messages

Creating Text Animation

Express Server with SocketIO

Server Side Introduction

Creating Express Application

Connecting Express App with SocketIO Server

Testing Connection from Postman Optional

Connecting with SocketIO Server from Client Side

Sending Messages to Server

Handling New Message Input

Adding React Redux to our App

Working with the store

Adding Messages to Store

Displaying Real Conversations on Sidebar

Displaying Real Messages

Sending Chat Messages to Server

Sessions

Session Management

Testing Sessions

Loading Spinner

Chat Part Two Sending Messages From Server to Client Side

Storing Messages at Server Side

Selecting Already Existing Conversation

Testing Chat History

Removing Conversations

Working with OpenAI API

OpenAI Platform Introduction

Creating Connection with OpenAI API

Sending Request to OpenAI API

Bug Fixing and Testing

Sending Conversation to OpenAI API

Scrolling Functionality

Disabling Input When Awating for AI Message

Earn a certificate

Student Ratings & Reviews

Be Smart, Be Theeta

Quick Links

Support

Hello!