Build ChatGPT App in Flutter using OpenAI API

Build ChatGPT App in Flutter using OpenAI API

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 27 lectures (2h 29m) | 1.58 GB

Build ChatGPT/ChatBot App in Flutter using OpenAI Rest API

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


  • 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.

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
Table of Contents

App demonstration
Social Media and mustwatch tutorials for prerequisites
Source code on Github
Source code on github detailed

App Setup Implement the UI Code
Important NOTE
Add the required packages
Setting up the application
Start building the chat screen
Build the chat widget
Implement the modal bottom sheet
Create the dropDownButton and optimize the previous code

Rest API And State Management using Provider
Explain the API documentation and test it using Postman
Write a Function to get the model repsonse
Implement the Models model classenhance the previous function Errors Handling
Start displaying the all Models using FutureBuilder
Implement the Models provider
Implement the chats model and allow the user to send a message
Start displaying the sentreceived chats on screen
Scroll the chat List to the end
Animate the bot response like chatGPT
Implement the Chat Provider
Show the error and not allow the user to send an empty message

Change the app launcher icon
Native splash screen