Online Shop

By using firebase as a backend, I developed a flutter app for shoping online.

State Management

✔️ Bloc Pattern

Features and components

✔️ Paymob Integration.
✔️ Google Maps with multiple themes.
✔️ Authentication with Email & Password.
✔️ Authentication with Google Account.
✔️ Cart
✔️ Animations
✔️ Branches screen
✔️ Product details screen
✔️ Intro Screen
✔️ Bottom Nav Bar
✔️ Products Screen
✔️ Profile Screen

Dependencies

firebase

firebase_core:
firebase_auth:
cloud_firestore:
google_sign_in:

state management

bloc:
equatable:
flutter_bloc:

common

cached_network_image:
flutter_staggered_grid_view:
font_awesome_flutter:
dio:
webviewx:
google_maps_flutter:

Attention

secrets.dart is missing from this repo so you need to add the following consts

final String GoogleMapsKey="xxxxxxx";
final String PaymobAPIKey="xxxxxx";
final String IntegrationIDCard="xxxxx";
final String IntegrationIDKiosk="xxxxx";

and in AndroidManifest.xml add

<meta-data android:name="com.google.android.geo.API_KEY"
android:value="xxxxxxxxxxxx"/>

Demo Video

Screenshots

For more screen shots Here