Complete Flutter E-commerce App With provider | Flutter e commerce app

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • Complete Flutter e-commerce app with the provider.
    In today's video, we'll create a complete e-commerce mobile app using Flutter and Provider for state management. Our app features a home screen displaying categories, with all items shown by default. Users can select a category to view items specific to that category. Clicking on an item reveals its details, including images, colors, prices, and descriptions. Users can add items to their cart or mark them as favorites, with updates reflected instantly. The cart section displays total amounts and allows for item removal. Similarly, the favorite section offers management options. Lastly, we've designed a sleek profile section for users. By the end of this tutorial, you'll have mastered e-commerce app design with Provider state management in Flutter. Let's simplify and enhance your e-commerce app development skills together
    #day50 #flutterui #provider #ecommerceapp #100_days_of_flutter_ui #flutterapp #flutter_challenge
    **If you have any queries then message me(for business purposes, any doubt and help)
    nabinpaudyal2057@gmail.com**
    Source Code: github.com/Nab...
    Sample Design only: dribbble.com/s...
    (Special thanks to the designer)
    Flutter Playlist: • Flutter Tutorial Series
    100 DayOf Flutter UI: • 100 DayOf Flutter
    Firebase Playlist: • Flutter Firebase
    API Playlist: • Flutter Rest API Tutorial
    Flutter Animation Playlist: • Flutter Animation
    Flutter Web playlist: • Flutter Web Tutorial (...
    Flutter UI Playlist: • Flutter UI Design
    Connect with us on Social Media
    Twitter: / nabinpaudyal2
    GitHub:github.com/Nab...
    Instagram: / wtfcode01
    Music track: Building Dreams by Aylex
    Source: freetouse.com/...
    Music for Video (Free Download)
    #flutter #flutterwidgets #flutterapp #ecommerceapp #provider #ecommerceapp #flutterecommerceapp #statemanagement #flutterui #wtfcode #wtf_code #coding #programming #flutterwidgets #day50 #100_days_of_flutter_ui

КОМЕНТАРІ • 41

  • @samuelakonde3900
    @samuelakonde3900 Місяць тому +1

    Thank you for these rich and very educational tutorials. If you can give us this complete tutorial with a dynamic backend in firebase, an admin panel and the integration of stripe and paypal payment it will be great and very much appreciated. Thank you very much

  • @User-v9i7l
    @User-v9i7l 5 місяців тому +4

    Best video for learner

    • @wtf-code
      @wtf-code  5 місяців тому

      Glad you liked it

  • @KinaSalimafa
    @KinaSalimafa 29 днів тому

    amazing love it

  • @izazurrahman8369
    @izazurrahman8369 4 місяці тому +1

    So nice project

  • @beta3sha3py55
    @beta3sha3py55 4 місяці тому +1

    Thank you very much for this wonderful project. You are the best. Can you teach us to design an admin panel for it?

  • @farmboys2223
    @farmboys2223 26 днів тому

    DAAAAAAMN......!!!🔥🔥🔥❤‍🔥❤‍🔥❤‍🔥 Do you sell the source code?
    I love this.. And the UI is amazing....

    • @wtf-code
      @wtf-code  25 днів тому +1

      Source code is in description you can user it from there.

  • @CYCLONE_2XL
    @CYCLONE_2XL Місяць тому

    Thanks for this tutorial ❤

    • @wtf-code
      @wtf-code  Місяць тому

      You're welcome 😊

  • @marwaben-s5v
    @marwaben-s5v 3 місяці тому +1

    when i cilck in category dosent work why ??

  • @ramendrasoni3368
    @ramendrasoni3368 18 днів тому

    Please make backend with Mongodb, i want to make atleast 1 complete app with flutter and mongodb..

  • @Andrew-dj3xh
    @Andrew-dj3xh 4 місяці тому

    Thank you very much. I have a question: How can I make it interactive? That means modifying it from the Firebase database. Do I have to modify this code, and if I must modify it, what will I modify it because I want to try? Edit it from the database from your class. Help me with This point, thank you

  • @neerajbhatt2461
    @neerajbhatt2461 3 місяці тому

    Bro please use voice in whole video please bro it's humble request 🙏

  • @flutter.rashad
    @flutter.rashad 5 місяців тому

    good

  • @sarathnadendla282
    @sarathnadendla282 25 днів тому

    In case if user kill the app added cart and wishlist data will loose right?
    Instead of provider which one we use to preffer to save cart and wishlist data?

    • @wtf-code
      @wtf-code  25 днів тому

      We have not added a backend service that's why data is lost.

  • @erluxman
    @erluxman 5 місяців тому

    amazing amazing..

    • @wtf-code
      @wtf-code  5 місяців тому

      Thank you! Cheers!

  • @cana_369
    @cana_369 Місяць тому

    how to make vs code have a color line like you on the left ? thanks.

    • @wtf-code
      @wtf-code  Місяць тому

      This is a vs code extension called indent-rainbow

  • @NatureRiders8107
    @NatureRiders8107 5 місяців тому

    will you also do the backend of this app ? with firebase or php

    • @wtf-code
      @wtf-code  5 місяців тому +1

      Upcoming day it is possible

  • @marwaben-s5v
    @marwaben-s5v 3 місяці тому

    pls can u give me a sloution to add api

  • @codewithroman8180
    @codewithroman8180 5 місяців тому +1

    Ramada bro freepik template you flutter m Banao

    • @wtf-code
      @wtf-code  5 місяців тому +1

      Sure sure

    • @codewithroman8180
      @codewithroman8180 5 місяців тому

      @@wtf-code yes Ramada bro freepik template you tutorial banao app screen k

  • @Icarusmachete
    @Icarusmachete 3 місяці тому

    can you share the images used?

    • @wtf-code
      @wtf-code  3 місяці тому

      All the source code is in description

  • @ahmadshaikh6500
    @ahmadshaikh6500 2 місяці тому

    What about backend

    • @afaqahmad3471
      @afaqahmad3471 2 місяці тому

      Yes I am also curious abot backend

    • @wtf-code
      @wtf-code  2 місяці тому +1

      This is UI only. In upcoming video i used firebase as a backend.

  • @izazurrahman8369
    @izazurrahman8369 4 місяці тому

    Please source code link

    • @wtf-code
      @wtf-code  4 місяці тому

      Source code is in description

  • @AchourMohamedElBachir
    @AchourMohamedElBachir 5 місяців тому

    can you provide us with the source code ?

    • @wtf-code
      @wtf-code  5 місяців тому

      I forgot to give the source code link. now it is available

    • @AchourMohamedElBachir
      @AchourMohamedElBachir 5 місяців тому

      @@wtf-code thank you so much bro u are doing a great job keep it up

  • @ismailsalem4047
    @ismailsalem4047 4 місяці тому

    Is there an email to contact you with i have some questions plz

    • @wtf-code
      @wtf-code  4 місяці тому

      nabinpaudyal2057@gmail.com