Ecommerce-App-with-firebase - Ecommerce App With Firebase and Flutter

Overview
Samir Online Store Samir Online Store
Screenshot_1640840077 Screenshot_1640839931

Samir Online Store

Samir Online Store Downloadwer

This is a Flutter Project. Here, sellers can upload a product according to a particular category & brand. Customers can navigate the products using category & brand name just like amazon, flipkart apps. Also, customers can add his/her choiceable products in cart as well as wishlist. After adding to cart, it will be possible in the coming versions to order the products (added in cart) using an online stripe payment method (using Debit / Credit Card). This app has the facility to change light to dark theme or vice-versa.

Get it on Android


App Description

Intro Screen Onboarding Flutter

Flutter Intro Screen Onboarding is a flutter plugin that helps you make a cool intro for your app. Create intro has never been easier and faster

dribble.7.mp4
screenshot Screenshot
1 2
Screenshot Screenshot
3 3

Flip Card (sig in/ sign up)

A component that provides a flip card animation. It could be used for hiding and showing details of a product.

dribble.9.mp4

Teddy log in

An example built using JCToon's Flare File as a custom UI component.
Bear will follow the cursor as you type or move it around.

Login Page Overview

The basic idea is to use the ctrl_face node in JCToon's file to change the direction of Teddy's gaze, as it's shown here in the gif to the right.

This is done by using custom FlareControls, available in /lib/pages/sign_in/bear_log_in_controller.dart.

FlareControls is a custom implementation of the FlareController interface.
The interface and can be found in flare_actor.dart and it has three methods:

abstract class FlareController {
  void initialize(FlutterActorArtboard artboard);
  void setViewTransform(Mat2D viewTransform);
  bool advance(FlutterActorArtboard artboard, double elapsed);
}

An instance of BearLogInController is passed to the FlareActor in /lib/pages/sign_in/sign_in_page.dart. This ties the controller to this widget, and allows it to use the three overrides to perform custom actions:

FlareActor(
    "assets/Teddy.flr",
    controller: _bearLogInController,
    [...]
)

In this example, initialize() will grab the reference to the ctrl_face node through the library call artboard.getNode("ctrl_face").

Moreover, by extending FlareControls, BearLogInController can take advantage of a concrete implementation of this interface:

  • play(String animationName)
  • advance(double elapsed) - a base implementation which advances and mixes multiple animations

Social Sign in

Social sign in (google / facebook ) is also allowed

Social Sign in Social Sign in
Screenshot_1640839851 Screenshot_1640839816

About me (info)

Here you can find breif information about me and my contacts Screenshot_1640838300

Social Contacts

you can find my facebook posts using facebook api token from facebook for developers website. Also you can mail or send me using one of my contacts

Screenshot Screenshot
Screenshot_1640838527 Screenshot_1640838535
Screenshot Screenshot
Screenshot_1640838539 Screenshot_1640838544

Online Store Description

This is a Flutter Project. Here, sellers can upload a product according to a particular category & brand. Customers can navigate the products using category & brand name just like amazon, flipkart apps. Also, customers can add his/her choiceable products in cart as well as wishlist. After adding to cart, it will be possible in the coming versions to order the products (added in cart) using an online stripe payment method (using Debit / Credit Card). This app has the facility to change light to dark theme or vice-versa.

Screenshot Screenshot
Screenshot_1640840077 Screenshot_1640839931

Flurry Drawer

beautiful drawer build with flutter

dribble.10.mp4

Some Screenshots from the store

Screenshot_1640840596

Screenshot Screenshot
Screenshot_1640840642 Screenshot_1640840646
Screenshot Screenshot
Screenshot_1640840650 Screenshot_1640840670
Screenshot Screenshot
Screenshot_1640840694 Screenshot_1640840702
Screenshot Screenshot
Screenshot_1640840710 Screenshot_1640840718
Screenshot Screenshot
Screenshot_1640840723 Screenshot_1640840732
Screenshot Screenshot
Screenshot_1640840822 Screenshot_1640841804
Screenshot Screenshot
Screenshot_1640840829 Screenshot_1640840847

Feedback Emotions Google Sheet Database

New Animated flutter rate UI with animated emotions based on the rate of the user, also it take a written feedack and upload it to google sheet file as shown in the following video.

cola.animation.2.mp4

google sheet databse

The idea of this project is to upload the feedbacks to google sheet, so in this project we use the google sheet as a databse.

maxresdefault

App Script

To open app script, which we will be used to create and deploy api so we can use google sheet as a database. To do this please follow th following steps;

  • Open App Script from tools-->Script editor
  • write the foolowing .gs code image
  • open the google sheet acess
  • deploy the app to web app

Light Mode & Dark Mode

The app supports light and dart mode. The above screenshots were token from the darkmode and the coming screenshots are token from the light mode:

Light Mode Screenshot Light Mode Screenshot
Screenshot_1640843481 Screenshot_1640843485
Light Mode Screenshot Light Mode Screenshot
Screenshot_1640843490 Screenshot_1640843495
Light Mode Screenshot Light Mode Screenshot
Screenshot_1640843475 Screenshot_1640843520
Light Mode Screenshot Light Mode Screenshot
Screenshot_1640843529 Screenshot_1640843533
Light Mode Screenshot Light Mode Screenshot
Screenshot_1640843460 Screenshot_1640843466
Light Mode Screenshot Light Mode Screenshot
Screenshot_1640843469 Screenshot_1640843472

Features aimed to be added in the coming versions

This is the version of my app, and it will not be the last and many comming versions will be followed and some of the features which aimed tobe added in the coming versions are :

  • Online Payement
  • Multiple Language

Get it on Android


Sharing the apps

please share the app and don't forget to pray for me.

Vesion Link State
V0.1 Tested And Works Fine

Get it on Android



Updating the app

This is the first version of the app and the app is still under development, so any body notice a bug or have an idea to update the app and make it more useful for more nuber of dtudents pleease contack me and these are my contacts:

Reach me at

Mohamed-7018 | Fcebook Mohamed-7018 | LinkedIn Mohamed-7018 Esawy | Gmail HackerRank HackerRank






Just follow ☝️ me and Star my repository

Make star to my repo and following me in github and different Social Media would help me to continue.

1_TcdcC2gXNwtnLzsp6GXe1g



License & Accesability

* This is the first version of my package so if you see any problems you're free to open an issue. * The project is open source and you to help flutter students to use the exixting widgets and screens to build their own projects (if needed), so it is completely free and any one can contact with me any time to get help in the code.

1200px-Public_Domain_Mark_button svg



Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

28833-team-work



Thanks For reading

74797-thank-you-with-confetti

You might also like...

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

GroupChatApp About Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing

Dec 1, 2022

A mobile image uploader in which you can upload image to your personal gallery from either your camera or mobile gallery and it can detect your current geographic location and address using firebase firestore and storage.

Image Uploader In Flutter About It is an Image Uploader gallery which tracks your address from which you're uploading using Flutter and Image picker.

Dec 20, 2022

Chat-App - A Chat App with flutter and Firebase and Video Calling using WebRTC

chat_app A chat app with flutter and firebase with image message support and vid

Nov 23, 2022

News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.

News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.

News Buzz News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator. Features Custom news fe

Dec 30, 2022

GetDoctor is a complete app developed in Flutter, Firebase and Blazor,.Net Core API and SQL Server

GetDoctor is a complete app developed in Flutter, Firebase and Blazor,.Net Core API and SQL Server

GetDoctor 😊 😊 😊 GetDoctor is a complete app developed in Flutter, Firebase and Blazor,DotNet Core API and SQL Server GetDoctor is a complete packag

Dec 19, 2022

A chatting app made with Flutter and FireBase. It supports GIPHY gifs, images, stcikers, dark mode, custom animations, google login, online storage, beautiful UI and more.

A chatting app made with Flutter and FireBase. It supports GIPHY gifs, images, stcikers, dark mode, custom animations, google login, online storage, beautiful UI and more.

ChatMe A Flutter based chatting app which lets user chat from random peoples or strangers, has GIPHY gif support, sitckers, custom animations, dark mo

Nov 7, 2022

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Flutter Short Videos Platform Short videos platform with Flutter and Firebase. About Real short video app with firebase and pixels API.Where you can c

Dec 26, 2022

A sample application that allows a user to upload and share images, made with Flutter and Firebase

A sample application that allows a user to upload and share images, made with Flutter and Firebase

FlutterFire Gallery A sample Flutter app to upload images and share them via lin

Oct 29, 2022

Chatting-App - A Simple chat app built with Flutter/Dart and Firebase

Chatting-App - A Simple chat app built with Flutter/Dart and Firebase

Chat App By Flutter & Firebase 🤳 ✨ A Simple chat app built with Flutter/Dart an

May 20, 2022
Owner
null
An Ecommerce application built in Flutter using Firebase.

An Ecommerce application built in Flutter using Firebase.

Ashish Rawat 426 Jan 8, 2023
This is an eCommerce minimalist template with a clean and beautiful design for Flutter.

Shope - Free Flutter eCommerce Template The “Shope” e-Commerce UI Kit has the goal to help you to save time with the frontend development. You can use

Roberto Juarez 1.1k Jan 8, 2023
Flutter Grocery UI - A Grocery eCommerce app build with flutter

grocery_shop_flutter A Grocery eCommerce app build with flutter. This app includ

Muhammad Bilal 12 May 17, 2022
EcommerceApp dukan - Ecommerce app with static data

shop_now A new Flutter project. Getting Started #ScreenShots ![1](https://user-i

Nouman Ashraf 2 Jan 11, 2022
Full Ecommerce Flutter Project

Ecommerce Flutter Project It created for proffesinal app developing processes. Design You can download to the design in github folder.

Veli Bacik 53 Dec 17, 2022
A Ecommerce application where you can buy stuff online

eazeal A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Sameer Pokharel 3 May 26, 2022
Amir Khan 47 Jan 8, 2023
Task management app with flutter, firebase firestore, and firebase auth

to_do_list A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Alvin Ferdian 2 Mar 3, 2022
Dio desafio chatonline flutter firebase - Developing an Online Chat Application Integrated with Firebase

Desenvolvendo um aplicativo de Chat Online integrado ao Firebase Descrição Neste

Yian Zaratin 1 Jan 4, 2022