Build ChatGPT App in Flutter using OpenAI API

Name: Build ChatGPT App in Flutter using OpenAI API
Rating: 4.6 (75 reviews)

Build ChatGPT/ChatBot App in Flutter using OpenAI Rest API

Created byHadi Kachmar

Last updated 8/2023

English

What you'll learn

This Flutter course is a complete guide that helps learn and build a fully functioning Flutter application with Rest Api.
Rest API integration
CRUD operations
Teaching how to write Clean-code and avoid Boilerplate code
Provider state management

Course content

6 sections • 33 lectures • 2h 56m total length

Introduction1:48
2. App demonstration2:34
Social Media and must-watch tutorials for prerequisites0:11
Source code on Github0:05
Source code on github detailed0:47
Access the full Flutter chat app code on GitHub, with master and lecture-specific branches and direct source links on the Udemy page, presented as a video walkthrough.
MUST WATCH TRICKS AND TIPS2:27

Update is coming soon for course0:11
Explain the API documentation and test it using Postman7:45
Write a Function to get the model repsonse8:39
Implement the Models model class/enhance the previous function/ Errors Handling9:59
Start displaying the all Models using FutureBuilder5:55
Using a FutureBuilder, this lecture fetches and displays all models in a dropdown, with error handling and null checks, and introduces provider state management to save the selected model.
Implement the Models provider10:54
Create a models provider with change notifier, expose a models list and a current model, and update listeners when the current model changes.
Implement the chats model and allow the user to send a message15:18
Start displaying the sent/received chats on screen7:11
Scroll the chat List to the end3:52
Learn to auto scroll a Flutter chat list to the end using a scroll controller, attached to ListView.builder, and animated to max scroll extent.
Animate the bot response like chatGPT3:08
Implement the Chat Provider8:36
Show the error, and not allow the user to send an empty message4:41
Show errors with a red snack bar via scaffold messenger, prevent sending empty messages by validating the text controller, and log model IDs to verify model selection.
Get a better response, and avoid spamming4:47

Change the app launcher icon4:15
learn to change the flutter app launcher icon using flutter_launcher_icons, add assets/images, configure pubspec, run flutter pub get, and adjust minimum sdk to 19 to apply the change.
Native splash screen3:37
Configure a native splash screen in flutter by adding the flutter native splash package, updating pubspec, and generating splash assets to replace the white launch screen.
Upon finishing the course0:15

Requirements

A good Knowledge in Flutter and Dart is strongly recommended

Description

Important NOTE: This course is not a data science course, this course is relying on the OpenAI API which is the App that created ChatGPT.

This course covers how to integrate the Rest API in a Flutter application.

The course mostly focuses on the REST API integration in Flutter

Course prerequisites:

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

How this course can be of help:

Gaining more knowledge in Flutter and Rest API integration
Building a ChatBOT App
HTTP requests
JSON serialization
Automatic list scrolling
Error Handling
Clean and Clear design
The minimum amount of code, with Provider state management

What's in the course:

Provider State management
Clean code and avoid Boilerplate code
Managing and updating packages
ListViews
Theming
Flutter general AppBar
Flutter Material Design
Flutter ListView Builder

Course structure:

approximately 3 hours of content and updated regally

Requirements:

Windows application development OR Mac application development
Access to a computer with an internet connection.
and you are ready for the journey
love learning about applying cutting-edge algorithms to practical cases!

What Should I Expect After this Course?:

The ability to build functional apps
New information regarding Flutter And API integration

Note that the course builds on windows, so I didn't have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.

Who this course is for:

Flutter and Dart learning cravers
Anyone who want to understand how to integrate Rest API in a Flutter app
Anyone who is interested in ChatGPT integration in Flutter

Build ChatGPT App in Flutter using OpenAI API

What you'll learn

Explore related topics

Course content

Introduction6 lectures • 8min

App Setup - Implement the UI Code7 lectures • 47min

Rest API And State Management using Provider13 lectures • 1hr 31min

ChatGPT real API models - Added after course publication2 lectures • 16min

Fixes2 lectures • 7min

Extra3 lectures • 8min

Requirements

Description

Who this course is for: