Flutter, Firebase, Chatgpt And Elevenlabs Api Course

Chat App, ChatGPT, DALL-E and Elevenlabs intergration

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

Requirements

Just some basic programming experience needed, you will learn almost everything you need to know

You need Android Studio or VS code or any other code editor

Flutter 3.0

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.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Starting up project

Lecture 3 Creating a theme

Lecture 4 Selecting a theme

Lecture 5 Saving the theme

Section 2: Building the login and registration screens

Lecture 6 Adding Bottom navigation bar

Lecture 7 6 Login Packages and assets

Lecture 8 7 Registration screen part 1

Lecture 9 8 Registration screen part 2

Lecture 10 9 OTP screen UI

Lecture 11 10 User information screen

Lecture 12 11 Connecting to Firebase

Lecture 13 12 Sign in user part 1

Lecture 14 13 Sign in user part 2

Lecture 15 14 Login user and SHA keys

Section 3: Building the OTP and user information screens

Lecture 16 15 OPT screen part 1

Lecture 17 16 OPT screen part 2

Lecture 18 17 User information screen part 1

Lecture 19 18 User information screen part 2

Lecture 20 19 User information screen part 3

Lecture 21 20 User model class

Section 4: User Authentication and Data Management

Lecture 22 21 Setting up Firebase Authentication and Firestore for user data

Lecture 23 22 Creating user model and updating user data

Lecture 24 23 Handling user authentication and sign-up errors

Lecture 25 24 Implementing sign-out functionality

Lecture 26 25 Updating user data in Firestore upon profile changes

Lecture 27 26 Retrieving user data from Firestore

Section 5: Chat Screen Implementation

Lecture 28 27 Designing and implementing the landing screen UI

Lecture 29 28 Implementing chat screen UI with StreamBuilder and handling input messages

Lecture 30 29 Implementing chat input field with the send button

Lecture 31 30 Implementing a chat provider for sending and receiving messages

Lecture 32 31 Implementing a chat stream to listen for incoming messages

Lecture 33 32 Setting up API service for image generation with DALL-E

Lecture 34 33 Handling image generation errors and responses from DALL-E API

Section 6: ChatGPT and DALL-E Integration

Lecture 35 34 Parsing and displaying image response from DALL-E API

Lecture 36 35 Saving ChatGPT response to Firestore

Lecture 37 36 Implementing chat widget for ChatGPT and DALL-E

Lecture 38 37 Displaying ChatGPT response in the chat widget

Lecture 39 38 Implementing text and image button for DALL-E image generation

Lecture 40 39 Implementing scroll controller and focus node for a chat widget

Lecture 41 40 Saving ChatGPT image to Firestore storage

Lecture 42 41 Compressing the generated image before saving it to Firestore

Beginner or advanced Flutter and firebase application developer