Up next

Build ChatGPT App in Flutter using OpenAI API - Full Course

4 Views· 30/08/23
Learn Coding
Learn Coding
3 Subscribers
3
In

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-kachmar-2/

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

? Coding with Hadi: https://www.youtube.com/@codingwithhadi

►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj
►Support Us: https://www.patreon.com/theflutterway

► Social Media
GitHub: https://github.com/abuanwar072
Twitter: https://twitter.com/theflutterway
Twitter: https://twitter.com/abuanwar072 (my personal profile)
Facebook: https://www.facebook.com/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

 0 Comments sort   Sort By


Up next