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

سرفصل های دوره

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

1 - Introduction

1 - Features Preview

2 - Tech Stack Introduction

2 - Creating UI

3 - Client Side Introduction

4 - Node installation

5 - Creating React Application

6 - Cleaning up

7 - Creating dashboard

7 - dashboard.zip

8 - Creating Sidebar and Chat Sections

9 - New Chat Button

10 - Icons

11 - Creating List Items

12 - Delete Conversations Button

3 - Chat UI

13 - Creating Logo

14 - Chat Containers

15 - New Message Input

16 - Displaying Dummy Messages

17 - Creating Text Animation

18 - Complete Code After Section.html

18 - S02E05.zip

4 - Express Server with SocketIO

19 - Server Side Introduction

20 - Creating Express Application

21 - Connecting Express App with SocketIO Server

22 - Testing Connection from Postman Optional

23 - Connecting with SocketIO Server from Client Side

24 - Complete code after section.html

24 - S03E05.zip

5 - Sending Messages to Server

25 - Handling New Message Input

26 - Adding React Redux to our App

27 - Working with the store

28 - Adding Messages to Store

29 - Displaying Real Conversations on Sidebar

30 - Displaying Real Messages

31 - Sending Chat Messages to Server

6 - Sessions

32 - Session Management

33 - Testing Sessions

34 - Loading Spinner

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

37 - Selecting Already Existing Conversation

38 - Testing Chat History

39 - Removing Conversations

40 - Complete Code After Section.html

40 - S06E04.zip

8 - Working with OpenAI API

41 - OpenAI Platform Introduction

42 - Creating Connection with OpenAI API

43 - Sending Request to OpenAI API

44 - Bug Fixing and Testing

45 - Sending Conversation to OpenAI API

46 - Scrolling Functionality

47 - Disabling Input When Awating for AI Message

48 - Complete Application Code.html

48 - complete-code.zip

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training