Skip to content

Mohamed-7018/Ecommerce-App-with-firebase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.


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


Sharing the apps

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

Vesion Link State
V0.1 Tested And Works Fine



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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages