International Journal of Interdisciplinary Innovative Research &Development (IJIIRD)

ISSN: 2456-236X
Vol. 05 Issue 01 | 2020

Chat Application Using Flutter and Firebase

Madan Kumar. R
MCA Scholar, Jain University Bangalore
ABSTRACT
The model of this project is that Communication through net is turning into very important
recently. An internet communication permits the users to speak with others during a quick and convenient
manner. Considering this, the web communication application should be in a position share the texts or
pictures or the other files during a quicker manner with minimum delay or with no delay. Firebase is one in
all the platforms that provides a period info cloud services that permits the developer to form these applications
with ease. Instant electronic communication will be thought of as a platform to keep up
communication. mechanical man provides higher platform to develop varied applications for immediate
electronic communication compared to alternative platforms like iOS. The main objective of this paper is to
gift a package application for the launching of a true time communication between operators/users. The system
developed on mechanical man can alter the users to speak with another users through text messages with the
assistance of net. The system needs each the device to be connected via net.
1. INTRODUCTION
1.1 Firebase
Firebase may be a platform developed by Google for making mobile and internet applications. it
absolutely was originally associate freelance company supported in 2011[1]. In 2014, Google nonheritable the
platform [2] and it's currently their flagship providing for app development. Firebase has been claimed to be
utilized by Google to trace users while not their information. On July 14, 2020, a legal proceeding was filed
accusatory Google of violating federal wire faucet law and Calif. privacy law. It explicit that through base,
Google collected and hold on user’s knowledge, work what the user ar gazing in many sorts of apps, despite the
user following Google's own directions to show off the net and app activity collected by the corporate.
1.2 Flutters
Flutter is Google’s transportable UI toolkit for crafting lovely, natively compiled applications for mobile,
web, and desktop from one codebase. Flutter works with existing code, is employed by developers and
organizations round the world, and is free and open supply. For users, Flutter makes lovely app UIs return to life.
For developers, Flutter lowers the bar to entry for building apps. It quickens development of apps and reduces the
price and quality of app production across platforms. For designers, Flutter helps deliver the initial style vision,
while not loss of fidelity or compromises. It conjointly acts as a productive prototyping tool. Flutter is for
developers that need a quicker thanks to build lovely apps, or the simplest way to achieve a lot of users with one
investment. Flutter is additionally for engineering managers that lead development groups. Flutter permits eng
managers to form one mobile, web, and desktop app dev team, unifying their development investments to ship a
lot of options quicker, ship an equivalent feature set to multiple platforms at an equivalent time, and lower
maintenance prices.
1.3 Cloud Firestore
Cloud Firestore may be a versatile, ascendible info for mobile, web, and server development from base
and Google Cloud Platform. Like base Realtime info, it keeps your knowledge in synchronize across consumer
apps through real-time listeners and offers offline support for mobile and net therefore you'll build responsive
apps that employment in spite of network latency or web property. Cloud Firestore conjointly offers seamless
integration with different base and Google Cloud Platform merchandise, together with Cloud Functions.

050142 www.ijiird.com 182

 International Journal of Interdisciplinary Innovative Research &Development (IJIIRD)
ISSN: 2456-236X
Vol. 05 Issue 01 | 2020
1.4 UI
User interface (UI) style is that the method designers use to make interfaces in code or
computerized devices, that specialize in appearance or vogue. Designers aim to form interfaces that
users realize simple to use and gratifying. UI style refers to graphical user interfaces and different
forms—e.g., voice-controlled interfaces.
2. PROPOSED WORK
It is an online based mostly instant electronic messaging application that provides the user to speak with
different users in a very quick and convenient means [9]. each the devices should have a lively net association for
the communication. There are several other chat applications like WeChat, hike, WhatsApp, Telegram, Facebook
traveler, Snap Chat, Line etc. however during this system the pdf creation and pdf reading feature are
enclosed. As a region of day to day life, educational or vocation users ought to send and receive files. By
victimization this technique, the user needn't have the other pdf reader-writer application on the device.
Victimization this application user will communicate with any user everywhere the globe. During this application
we have a tendency to ar victimization Google base of operations because the backend to store the information of
the appliance like messages, pictures, files and additional. User needs to register or sign-in through their
various mail id and may use the services. once the user sign-in to the appliance, user will seek for another user
wherever the communication is ought to be done. The user is able to delete the chat once the communication. User
will produce their profile in keeping with that different users are able to establish one another. This application is
intended of humanoid itinerant users. User will reply to the messages received by simply typewriting the reply
message and press the send button. This application conjointly provides the user to delete the account. User may
sign-out from the current device and sigin through another.
3. SOFTWARE REQUIREMENTS
3.1 Firebase Auth
Most apps got to grasp the identity of a user. Knowing a user's identity permits AN app to firmly save
user knowledge within the cloud and supply an equivalent customized expertise across all of the user's devices.
Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to attest users
to your app. It supports authentication victimization passwords, phone numbers, fashionable united identity
suppliers like Google, Facebook and Twitter, and more. Firebase Authentication integrates tightly with different
base services, and it leverages business standards like OAuth two.0 and OpenID Connect, therefore it will
be simply integrated together with your custom backend.
3.2 Firebase firestore
Cloud Storage is constructed for app developers UN agency got to store and serve user-generated
content, like photos or videos. Cloud Storage for base could be a powerful, simple, and efficient object storage
service designed for Google scale. The base SDKs for Cloud Storage add Google security to file uploads and
downloads for your base apps, no matter network quality. you'll use our SDKs to store pictures, audio, video,
or different user-generated content. On the server, you'll use Google Cloud Storage, to access an equivalent files.
Developers use the base SDKs for Cloud Storage to transfer and transfer files directly from shoppers. If the
network affiliation is poor, the consumer is in a position to hear the operation right wherever it left off, saving
your users time and information measure.Cloud Storage stores your files during a Google Cloud Storage
bucket, creating them accessible through each base and Google Cloud. this enables you the flexibleness to
transfer and transfer files from mobile shoppers via the base SDKs, and do server-side process like image
filtering or video transcoding victimisation Google Cloud Platform. Cloud Storage scales mechanically, that
means that there is no got to migrate to the other supplier. Learn additional concerning all the advantages of our
integration with Google Cloud Platform.The base SDKs for Cloud Storage integrate seamlessly with base
Authentication to spot users, and that we offer a declarative security language that allows you to set access
controls on individual files or teams of files, therefore you'll build files as public or non-public as you would like.
3.3 Simple and compound queries in hearth store:
Cloud Firestore provides powerful question practicality for specifying that documents you would like to
retrieve from assortment|a set|a cluster} or collection group. These queries also can be used with either get() or
addSnapshotListener(), as represented in Get knowledge and find Realtime Updates. Query operators The
where() technique takes 3 parameters: a field to filter on, a comparison operator, and a price.
Cloud Firestore supports the subsequent comparison operators:
• < but • > bigger than • != not adequate to • in
• <= but or adequate to • >= bigger than • array-contains • not-in
• == adequate to or adequate to • array-contains-any

050142 www.ijiird.com 183

 International Journal of Interdisciplinary Innovative Research &Development (IJIIRD)
ISSN: 2456-236X
Vol. 05 Issue 01 | 2020

3.4 Query limitations

The following list summarizes Cloud Fire store question limitations:
• Cloud Fire store provides restricted support for logical OR queries. The in, and array-contains-any operators
support a logical OR of up to ten equality (==) or array-contains conditions on one field.
For different cases, produce a separate question for every OR condition and merge the question leads
to your app.
• In a compound question, range (<, <=, >, >=) and not equals (!=) comparisons should all filter on an
equivalent field.
• You will use only 1 in, not-in, or array-contains-any clause per question. you cannot mix in , not-in, and
array-contains-any within the same question.
• You will mix array-contains with in or not-in however not with array-contains-any.
• You cannot order your question by a field enclosed in AN equality (==) or in clause.
3.5 UI Design
User Interface (UI) style focuses on anticipating what users would possibly get to do and guaranteeing that the
interface has parts that area unit simple to access, understand, and use to facilitate those actions. UI
brings along ideas from interaction style, visual style, and knowledge design. Choosing Interface parts Users
became aware of interface parts acting during a sure approach, therefore attempt to be consistent and inevitable in
your selections and their layout. Doing therefore can facilitate with task completion, efficiency, and satisfaction.
Interface parts embrace however aren't restricted to:
• Input Controls: buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field
• Navigational Components: crumb, slider, search field, pagination, slider, tags, icons
• Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows
•Containers: according there are a unit times once multiple parts may well be applicable for displaying
content. once this happens, it’s necessary to think about the trade-offs. as an example, generally parts that may
facilitate prevent house, place additional of a burden on the user mentally by forcing them to
guess what's inside the dropdown or what the part may well be.
4. PROBLEM STATEMENT
In this system wi-fi module is a very critical element for conversation among cellular cellphone and
microcontroller. WIFI module calls for most effective three. 3.3v power whereas the relay board wishes extra
strength. For that reason, separate power can be given to both the relay and microcontroller. Connection among
the microcontroller and wireless module and relay must not be loose if it's miles loose the system will no longer
paintings properly.
5. ARCHITECTURE
The proposed method in architecture explains how the chat application will work for the required output
and with help of using the requirement you can see the work flow.
5.1 Features
• Sign-in by Google account.
• Chat one to one with other users (send text, image, sticker).
• Update profile and avatar.
• Push notification (refer to the extension article here)

050142 www.ijiird.com 184

 International Journal of Interdisciplinary Innovative Research &Development (IJIIRD)
ISSN: 2456-236X
Vol. 05 Issue 01 | 2020
5.2 Procedure
• Firebase Authentication in the App: Sign in, Sign up or Sign-Out.
• Installing Widgets to Add Functionality to the App.
• Creating the Layout of the Chat App Screens.
• Linking the Flutter Chat App with Firebases.
6. RESULT ANALYSIS
6.1 Connection
Login page appears when you need to sign in and then start the application

6.2 Conclusion and Future Enchantment

Cloudinary may be a cloud based mostly service that gives associate end-to-end image and video
management resolution together with uploads, storage, manipulations, optimisation, and delivery. all of your
media resources area unit optimized and delivered through a quick CDN exploitation business best practice
Firebase may be a Backend-as-a-Service — BaaS — that started as a YC11 startup and grew up into a
next-generation app-development platform on Google Cloud Platform. With base of operations developers won’t
got to manage servers or write genus Apis (for less advanced projects). base of operations is your server, your
API and your datastore, all written thus generically that you simply will modify it to suit most desires.
7. REFERENCE
[1] https://youtu.be/FTju8w4zEno
[2] https://youtu.be/DqJ_KjFzL9I
[3] https://youtu.be/DqJ_KjFzL9I
[4] https://rrtutors.com/tutorials/Chat-Application-with-Firebase-database-Flutter

050142 www.ijiird.com 185