Chat App using Flutter

Shubh Kohli
2 min readAug 22, 2021

--

In this we have created Fully Functioning Chat App with Flutter & Firebase We have a single prerequisite that is flutter installed.

What are flutters used for?

Flutter is Google’s portable UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

What we are using?

  • Firebase Auth : Sign in, Sign up and Sign out
  • Firebase Firestore : Upload & Retrieve data stored in Cloud Firestore
  • Perform simple and compound queries in Cloud Firestore
  • Building Complexe UI
  • Shared Preference to keep user logged in, Create chat room ( with username) & Send message ( by username)
  • Using Stream & Stream builder

Installation

flutter pub get

Usage

flutter run

About App

  1. First, You have to sign in with a username, password and an email id.
  2. After that your account will be created.

3. Create another account with different credentials.

4. As you will create account, you can see search bar:

5. Search your first account (by username) from second account.

6. Tap on search icon or tick button on your keyboard to search.

7. You can see that persons chat log is visible now.

8. You can type and text to your near and dear ones through thi chat app:

9. Chat app is running and working fine.

10: Github link: https://github.com/kohlishubh/tasks/blob/45b07fe57dbf0b33259cd8dcbba6eff11fd6801e/Task%2011

--

--

Shubh Kohli
Shubh Kohli

No responses yet