Flutter, Firebase and ChatGPT: Dall-E Image Sharing App 2023
- Description
- Curriculum
- FAQ
- Reviews
In this course, you will learn how to build a fully functional chat application with AI integration using Flutter. You will start by setting up the project and creating a theme for your app. Then, you will build the login and registration screens, including user authentication and data management with Firebase.
Next, you will learn how to implement a chat screen, including designing and implementing the landing screen UI, chat screen UI with StreamBuilder, and handling input messages. You will also learn how to use DALL-E API for image generation, parsing and displaying image response from the API, and saving ChatGPT response to Firestore.
In addition, you will learn how to add text-to-speech and speech-to-text functionality to your chat app using Elevenlabs API. You will also create a profile screen UI and add functions to the profile screen.
Finally, you will learn how to implement a post screen, including adding a grid view, creating a post widget, streaming shared posts from Firestore, and adding a like and comment function.
By the end of this course, you will have a complete understanding of how to build a chat application with AI integration using Flutter and will be equipped with the necessary skills to build your own chat app.
-
28
Designing and implementing the landing screen UI -
29
Implementing chat screen UI with StreamBuilder and handling input messages
-
30
Implementing chat input field with the send button
-
31
Implementing a chat provider for sending and receiving messages
-
32
Implementing a chat stream to listen for incoming messages
-
33
Setting up API service for image generation with DALL-E
-
34
Handling image generation errors and responses from DALL-E API
-
35
Parsing and displaying image response from DALL-E API
-
36
Saving ChatGPT response to Firestore
-
37
Implementing chat widget for ChatGPT and DALL-E
-
38
Displaying ChatGPT response in the chat widget
-
39
Implementing text and image button for DALL-E image generation
-
40
Implementing scroll controller and focus node for a chat widget
-
41
Saving ChatGPT image to Firestore storage
-
42
Compressing the generated image before saving it to Firestore
-
57
Updating Bottom chat field
-
58
Updating the Chatlist widget
-
59
Sending a first comment
-
60
Implementing grouped list
-
61
Comment alignment and fixes
-
62
Sorting of comments
-
63
Comment chat bubble part 1
-
64
Comment chat bubble part 2
-
65
Updating comments bubble and displaying comments count
-
66
Implementing Like feature
-
67
Completing Like feature
