Flutter, Firebase and ChatGPT: Dall-E Image Sharing App 2023

Focused View

Raphael Daka

9:36:34

130 View

1. Introduction

1. Introduction.mp4

06:29

2. Starting up project.mp4

09:27

3. Creating a theme.mp4

12:09

4. Selecting a theme.mp4

17:59

5. Saving the theme.mp4

13:52

2. Building the login and registration screens

1. Adding Bottom navigation bar.mp4

13:54

2. 6 Login Packages and assets.mp4

05:52

3. 7 Registration screen part 1.mp4

16:17

4. 8 Registration screen part 2.mp4

20:20

5. 9 OTP screen UI.mp4

12:43

6. 10 User information screen.mp4

27:54

7. 11 Connecting to Firebase.mp4

15:35

8. 12 Sign in user part 1.mp4

15:23

9. 13 Sign in user part 2.mp4

15:31

10. 14 Login user and SHA keys.mp4

11:06

3. Building the OTP and user information screens

1. 15 OPT screen part 1.mp4

16:09

2. 16 OPT screen part 2.mp4

10:04

3. 17 User information screen part 1.mp4

13:11

4. 18 User information screen part 2.mp4

22:44

5. 19 User information screen part 3.mp4

11:26

6. 20 User model class.mp4

11:26

4. User Authentication and Data Management

1. 21 Setting up Firebase Authentication and Firestore for user data.mp4

15:24

2. 22 Creating user model and updating user data.mp4

11:48

3. 23 Handling user authentication and sign-up errors.mp4

06:50

4. 24 Implementing sign-out functionality.mp4

08:11

5. 25 Updating user data in Firestore upon profile changes.mp4

19:01

6. 26 Retrieving user data from Firestore.mp4

13:32

5. Chat Screen Implementation

1. 27 Designing and implementing the landing screen UI.mp4

16:24

2. 28 Implementing chat screen UI with StreamBuilder and handling input messages.mp4

13:20

3. 29 Implementing chat input field with the send button.mp4

08:32

4. 30 Implementing a chat provider for sending and receiving messages.mp4

22:59

5. 31 Implementing a chat stream to listen for incoming messages.mp4

07:33

6. 32 Setting up API service for image generation with DALL-E.mp4

19:12

7. 33 Handling image generation errors and responses from DALL-E API.mp4

13:30

6. ChatGPT and DALL-E Integration

1. 34 Parsing and displaying image response from DALL-E API.mp4

08:46

2. 35 Saving ChatGPT response to Firestore.mp4

11:58

3. 36 Implementing chat widget for ChatGPT and DALL-E.mp4

19:35

4. 37 Displaying ChatGPT response in the chat widget.mp4

08:35

5. 38 Implementing text and image button for DALL-E image generation.mp4

10:07

6. 39 Implementing scroll controller and focus node for a chat widget.mp4

06:35

7. 40 Saving ChatGPT image to Firestore storage.mp4

22:41

8. 41 Compressing the generated image before saving it to Firestore.mp4

12:30

Description

Develop a Powerful Image Sharing App with Flutter, Firebase, and ChatGPT: Leveraging Dall-E and Elevenlabs AI

What You'll Learn?

Setting up a new Flutter project and creating a custom theme for the app
Building login and registration screens, including OTP verification
Connecting the app to Firebase for user authentication and data management for both Android and IOS
Implementing a chat screen with StreamBuilder and handling input messages
Integrating ChatGPT and DALL-E for image generation and displaying the responses in the chat widget
Adding text-to-speech and speech-to-text features using Elevenlabs API
Building a post screen with grid view, like and comment functionality, and user-to-user chat
Add a text-to-speech feature in the application using ElevenLabs API
Configuring Firebase Firestore rules for secure data access
Implementing user-to-user chat using Firebase Cloud Firestore

Who is this for?

Beginner or advanced Flutter and firebase application developer

More details

Description
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.
Who this course is for:
Beginner or advanced Flutter and firebase application developer

User Reviews

Rating

average 0

Total votes0

Focused display

I'm a skilled software developer specializing in creating applications using the Flutter framework and Firebase backend. With 6 years of experience in the field, I have developed a keen understanding of the latest trends and technologies in the mobile app development industry.I'm particularly passionate about teaching others how to create high-quality mobile applications using Flutter and Firebase. Through tutorial videos, I have helped countless aspiring developers learn the ins and outs of these powerful tools.In addition to creating tutorial videos, I have also worked on numerous real-world projects, building custom applications for a variety of clients across industries. With a focus on delivering high-quality, user-friendly products, I have established a reputation as a trusted and reliable developer in the Flutter and Firebase communities.Whether you're looking to learn how to build your own mobile apps or need a custom application for your business, I have the skills and expertise to help you achieve your goals.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.