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

Course Curriculum

Chapter 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

Chapter 2: Building the login and registration screens

Lecture 1: Adding Bottom navigation bar

Lecture 2: Login Packages and assets

Lecture 3: Registration screen part 1

Lecture 4: Registration screen part 2

Lecture 5: OTP screen UI

Lecture 6: User information screen

Lecture 7: Connecting to Firebase

Lecture 8: Sign in user part 1

Lecture 9: Sign in user part 2

Lecture 10: Login user and SHA keys

Chapter 3: Building the OTP and user information screens

Lecture 1: OPT screen part 1

Lecture 2: OPT screen part 2

Lecture 3: User information screen part 1

Lecture 4: User information screen part 2

Lecture 5: User information screen part 3

Lecture 6: User model class

Chapter 4: User Authentication and Data Management

Lecture 1: Setting up Firebase Authentication and Firestore for user data

Lecture 2: Creating user model and updating user data

Lecture 3: Handling user authentication and sign-up errors

Lecture 4: Implementing sign-out functionality

Lecture 5: Updating user data in Firestore upon profile changes

Lecture 6: Retrieving user data from Firestore

Chapter 5: Chat Screen Implementation

Lecture 1: Designing and implementing the landing screen UI

Lecture 2: Implementing chat screen UI with StreamBuilder and handling input messages

Lecture 3: Implementing chat input field with the send button

Lecture 4: Implementing a chat provider for sending and receiving messages

Lecture 5: Implementing a chat stream to listen for incoming messages

Lecture 6: Setting up API service for image generation with DALL-E

Lecture 7: Handling image generation errors and responses from DALL-E API

Chapter 6: ChatGPT and DALL-E Integration

Lecture 1: Parsing and displaying image response from DALL-E API

Lecture 2: Saving ChatGPT response to Firestore

Lecture 3: Implementing chat widget for ChatGPT and DALL-E

Lecture 4: Displaying ChatGPT response in the chat widget

Lecture 5: Implementing text and image button for DALL-E image generation

Lecture 6: Implementing scroll controller and focus node for a chat widget

Lecture 7: Saving ChatGPT image to Firestore storage

Lecture 8: Compressing the generated image before saving it to Firestore

Chapter 7: Text-to-Speech, Speech-to-text and Lottie Files

Lecture 1: Adding a Cached Network Image Feature

Lecture 2: Integrating Speech-to-Text Functionality

Lecture 3: Utilizing Lottie Files and Speech-to-Text

Lecture 4: Text-to-Speech package part 1

Lecture 5: Text-to-Speech package part 2

Lecture 6: Profile screen

Lecture 7: Implementing Buttons for Your User Profile Screen

Chapter 8: Elevenlabs integration, share and live streaming shared images.

Lecture 1: Integrating Elevenlabs API – Part 1

Lecture 2: Implementing Elevenlabs Speech Synthesis

Lecture 3: Sharing Generated Images – Part 1

Lecture 4: Sharing Generated Images – Part 2

Lecture 5: Live Streaming Shared Images on Posts Screen

Lecture 6: Creating Post Widget with Like and Comment Buttons

Lecture 7: Displaying Post Details Screen

Chapter 9: Updating Bottom chat field, ChatList and implementing Comments and likes feature

Lecture 1: Updating Bottom chat field

Lecture 2: Updating the Chatlist widget

Lecture 3: Sending a first comment

Lecture 4: Implementing grouped list

Lecture 5: Comment alignment and fixes

Lecture 6: Sorting of comments

Lecture 7: Comment chat bubble part 1

Lecture 8: Comment chat bubble part 2

Lecture 9: Updating comments bubble and displaying comments count

Lecture 10: Implementing Like feature

Lecture 11: Completing Like feature

Chapter 10: Firebase Rules

Lecture 1: Firebase rules – users database

Lecture 2: Firebase rules – posts database

Lecture 3: Firebase rules – likes and comments database

Lecture 4: Firebase rules – chats database

Lecture 5: Tabs part 1

Lecture 6: Tabs part 2