Xây dựng Chatbot với ReactJS trong 3 giờ

Tổng quan

Giới thiệu ReactJS

Tạo ứng dụng React chỉ trong vài dòng lệnh

Giới thiệu Firebase - một nền tảng giúp bạn nhanh chóng phát triển các ứng dụng chất lượng cao

Hướng dẫn cài đặt Firebase

Đăng nhập Firebase

Khởi tạo ứng dụng bằng Firebase

Tạo một API bằng Firebase functions

Tạo component Conversation

Giới thiệu về Dialogflow và Khởi tạo một dự án với dialogflow

Giới thiệu về ExpressJS

Tạo Chatbot Handler để xử lý các chức năng của chatbot

Lấy key từ Google service với định dạng JSON

Gửi yêu cầu một câu hội thoại đến Dialogflow

Kiểm tra chatbot với Postman bằng phương thức GET

Kiểm tra chatbot với Postman bằng phương thức POST

Thêm một số tính năng cho Conversation component

Tạo InputText Component

Sử dụng dữ liệu thực tế từ Dialogflow

Giới thiệu AntDesign

Tạo Biểu mẫu với AntDesign

Giới thiệu về Redux

Tạo Actions, Reducers and Store với Redux

Thêm tín năng PWA cho ứng dụng React

Tối ưu React List key

Đưa ứng dụng lên server