Chatgpt With React And Openai Api 2023. Build Your Own App
Published 5/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.85 GB | Duration: 3h 52m
Create your own ChatGPT Application with React, jаvascript, Express and SocketIO. Learn how to connect with OpenAI API.
Free Download What you'll learn
Create your own ChatGPT Application with React and jаvascript
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
Requirements
React and jаvascript basic knowledge
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, jаvascript, 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!
Overview
Section 1: Introduction
Lecture 1 Features Preview
Lecture 2 Tech Stack Introduction
Section 2: Creating UI
Lecture 3 Client Side Introduction
Lecture 4 Node installation
Lecture 5 Creating React Application
Lecture 6 Cleaning up
Lecture 7 Creating dashboard
Lecture 8 Creating Sidebar and Chat Sections
Lecture 9 New Chat Button
Lecture 10 Icons
Lecture 11 Creating List Items
Lecture 12 Delete Conversations Button
Section 3: Chat UI
Lecture 13 Creating Logo
Lecture 14 Chat Containers
Lecture 15 New Message Input
Lecture 16 Displaying Dummy Messages
Lecture 17 Creating Text Animation
Lecture 18 Complete Code After Section
Section 4: Express Server with Socket.IO
Lecture 19 Server Side Introduction
Lecture 20 Creating Express Application
Lecture 21 Connecting Express App with Socket.IO Server
Lecture 22 Testing Connection from Postman (Optional)
Lecture 23 Connecting with Socket.IO Server from Client Side
Lecture 24 Complete code after section
Section 5: Sending Messages to Server
Lecture 25 Handling New Message Input
Lecture 26 Adding React Redux to our App
Lecture 27 Working with the store
Lecture 28 Adding Messages to Store
Lecture 29 Displaying Real Conversations on Sidebar
Lecture 30 Displaying Real Messages
Lecture 31 Sending Chat Messages to Server
Section 6: Sessions
Lecture 32 Session Management
Lecture 33 Testing Sessions
Lecture 34 Loading Spinner
Lecture 35 Complete Code After Section
Section 7: Chat Part Two - Sending Messages From Server to Client Side
Lecture 36 Storing Messages at Server Side
Lecture 37 Selecting Already Existing Conversation
Lecture 38 Testing Chat History
Lecture 39 Removing Conversations
Lecture 40 Complete Code After Section
Section 8: Working with OpenAI API
Lecture 41 OpenAI Platform Introduction
Lecture 42 Creating Connection with OpenAI API
Lecture 43 Sending Request to OpenAI API
Lecture 44 Bug Fixing and Testing
Lecture 45 Sending Conversation to OpenAI API
Lecture 46 Scrolling Functionality
Lecture 47 Disabling Input When Awating for AI Message
Lecture 48 Complete Application Code
Course is for students / developers which are interested how to build own ChatGPT Application with React, Express, Node and SocketIO
Homepage
https://www.udemy.com/course/chatgpt-with-react-and-openai-api-2023-build-your-own-app/Links are Interchangeable - Single Extraction
