E-Commerce App Using Flutter

Benefits of E-Commerce Business:-

Flutter:-
• Flutter is an open-source UI software development kit created by Google. It is used
to develop applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and
the web from a single codebase.

Why Flutter?
• Fast development
• Expressive + Flexible UI
• Native Performance
• Hot Reload & Hot Restart
• High Performance
• Using Dart as a Programming Language
• Reduce the Third Parties
• APIs in Flutter are very consistent
• The customizable kit of Widgets
Application layers

State Management
 Managing state in an application is one of the most important and necessary process in the
life cycle of an application.
 a simple shopping cart application :-
o User will login using their credentials into the application.
o Once user is logged in, the application should persist the logged in user detail in all
the screen.
o Again, when the user selects a product and saved into a cart, the cart information
should persist between the pages until the user checked out the cart.
o User and their cart information at any instance is called the state of the application
at that instance.

 A state management can be divided into two categories based on the duration the
particular state lasts in an application.
o Ephemeral − Last for a few seconds like the current state of an animation or a single
page like current rating of a product. Flutter supports its through StatefulWidget.
o app state − Last for entire application like logged in user details, cart information,
etc., Flutter supports its through scoped_model.
State management using provider
It’s a state management helper. It’s a widget that makes some value – like a state
model object – available to the widgets below it.
A Consumer widget, which is also part of the Provider package, listens for changes in the
value and then rebuilds the widgets below itself when changes occur.
 Firebase cloud service:-
 Firebase is a Backend-as-a-Service (BaaS) app development platform that provides
hosted backend services such as a real time database, cloud storage, authentication,
crash reporting, machine learning, remote configuration, and hosting for your static
files.

Cloud storage
 Cloud Storage is built for app developers who need to store and serve user-
generated content, such as photos or videos.
 Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage
service built for Google scale. The Firebase SDKs for Cloud Storage add Google
security to file uploads and downloads for your Firebase apps, regardless of network
quality.
 Key capabilities:

Firebase SDKs for Cloud Storage perform uploads and downloads regardless of
Robust network quality. Uploads and downloads are robust, meaning they restart where
operations they stopped, saving your users time and bandwidth.
 Firebase SDKs for Cloud Storage integrate with Firebase Authentication to provide
Strong simple and intuitive authentication for developers. You can use our declarative
security security model to allow access based on filename, size, content type, and other
metadata.

Cloud Storage for Firebase is built for exabyte scale when your app goes viral.
High
Effortlessly grow from prototype to production using the same infrastructure that
scalability
powers Spotify and Google Photos.

Cloud Firestore
 Use our flexible, scalable NoSQL cloud database to store and sync data for client- and
server-side development.
 Cloud Firestore is a flexible, scalable database for mobile, web, and server
development from Firebase and Google Cloud Platform.
 Like Firebase Realtime Database, it keeps your data in sync across client apps through
realtime listeners and offers offline support for mobile and web so you can build
responsive apps that work regardless of network latency or Internet connectivity.
 Cloud Firestore also offers seamless integration with other Firebase and Google
Cloud Platform products, including Cloud Functions.
 Key capabilities

The Cloud Firestore data model supports flexible, hierarchical data structures. Store
Flexibility your data in documents, organized into collections. Documents can contain complex
nested objects in addition to subcollections.

In Cloud Firestore, you can use queries to retrieve individual, specific documents or
Expressiv to retrieve all the documents in a collection that match your query parameters. Your
e queries can include multiple, chained filters and combine filtering and sorting.
querying They're also indexed by default, so query performance is proportional to the size of
your result set, not your data set.
 Like Realtime Database, Cloud Firestore uses data synchronization to update data on
Realtime
any connected device. However, it's also designed to make simple, one-time fetch
updates
queries efficiently.

Cloud Firestore caches data that your app is actively using, so the app can write, read,
Offline
listen to, and query data even if the device is offline. When the device comes back
support
online, Cloud Firestore synchronizes any local changes back to Cloud Firestore.

Cloud Firestore brings you the best of Google Cloud Platform's powerful
infrastructure: automatic multi-region data replication, strong consistency
Designed
guarantees, atomic batch operations, and real transaction support. We've designed
to scale
Cloud Firestore to handle the toughest database workloads from the world's biggest
apps.
E-Commerce App Flow:-

 System Modules:
users

 Register and login:- google email login

 View Product
 Add to cart
 My order
 Place order
Admin

 Register and login

 Upload Product details
 Admin Activity Diagram:
 User Activity Diagram:

 Manage product
 Sample