Build ChatGPT App in Flutter using OpenAI API - Full Course
The Flutter Way The Flutter Way
227K subscribers
75,181 views
0

 Published On Feb 13, 2023

This course covers how to integrate the Rest API in a Flutter application.
The course mostly focuses on REST API integration in Flutter.

Course prerequisites:
Basic knowledge in programming to get started
A basic understanding of Flutter and good knowledge are recommended

🔥 This course on Udemy: https://cutt.ly/X3EzCJM
📦 Complete source code: https://cutt.ly/f3WP3bx

💙 Flutter courses: https://www.udemy.com/user/hadi-kachm...

Special thank you to Hadi Kachmar for generously sharing his paid Udemy course with us for free.

🎬 Coding with Hadi:    / @codingwithhadi  

â–ºFor the 3D intro, I'm using Rotato: https://bit.ly/3heGagj
►Support Us:   / theflutterway  

â–º Social Media
GitHub: https://github.com/abuanwar072
Twitter:   / theflutterway  
Twitter:   / abuanwar072   (my personal profile)
Facebook:   / theflutterway  

â–º Timestamps
00:00 - Intro
02:02 - App Overview
03:32 - Source code on GitHub
04:19 - Add the required packages
09:05 - Setting up the application
19:05 - Start building the chat screen
30:18 - Build the chat widget
40:14 - Implement the ModalBottomSheet
43:11 - Create the dropDownButton and optimize the previous code
51:10 - Explain the API documentation and test it using Postman
59:05 - Write a Function to get the model response
01:09:36 - Implement the Models model class Enhance the function And error handling
01:17:24 - Start displaying all Models using FutureBuilder
01:24:29 - Implement the Models provider
01:34:24 - Implement the chats model and allow the user to send a message
01:49:42 - Start display the chats on the screen
01:57:55 - Scroll the chat List to the end
02:00:36 - Animate the bot response like ChatGPT
02:04:54 - Implement the chat provider
02:12:28 - Show the error, and not allow the user to send an empty message
02:17:11 - Get a better response, and avoid spamming

Thanks for watching!
Make sure to like + Subscribe For More!

show more

Share/Embed