Shopping Application in Flutter-Dart

3 min readNov 15, 2021

Fully functional Shopping Application in Flutter — Dart.

  • Dark and Light Mode
  • Firebase Authentication and Google Sign In
  • Firebase Firestore
  • Firebase Storage
  • State Management
  • Payment Gateway

Tools & Technology

Before building the structure of the app, we decide to plan a proper prototype like which tools , framework , platform, devices will be required. So, we used flutter framework and Dart programming language as we were aware about it. There are many other tools which can be used but a part of upcoming technology we should try and use the current on-going tools which is efficient and easy to use.

Flutter framework provided by GOOGLE for crafting high quality native interfaces on IOS and ANDROID. It is an open source mobile UI framework which creates mobile application using only one codebase.

The programming used in for the app is DART LANGUAGE. It is an open source, object-oriented, general-purpose programming language developed by Google. It uses ‘C’ style syntax and trans compiles into JavaScript and is used for both client-side and server-side development. Dart allows flutter to update the display at 60 to 120 fps. Again there is a huge demand of Dart language because it provides reactive programming.

Firebase Authentication and Google Sign In

Firebase Authentication provides backend services and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords, phone numbers, popular federated identity providers like Google, Facebook and Twitter, and more.

In this App I have integrate with email sign-in, google sign-in and Anonymous Authentication.

Firebase Firestore

Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud.

It is flexible, scalable NoSQL cloud database to store and sync data for client- and server-side development.

Firebase Storage

Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale.

Cloud Storage for Firebase is built for app developers who need to store and serve user-generated content, such as photos or videos.

Dark and Light theme

A dark theme displays dark surfaces across the majority of a UI. It’s designed to be a supplemental mode to a default (or light) theme.

State Management

State management refers to the management of the state of one or more user interface controls in a graphical user interface.

In this user interface programming technique, the state of one UI control depends on the state of other UI controls.

Payment Gateway

Stripe is an online payment platform that facilitates payment processing. Besides processing payments, the company provides application programming interfaces for integrating payment systems into third-party applications.