REST API with GetX | Flutter tutorial | Shopping app

Поділитися
Вставка
  • Опубліковано 10 лип 2024
  • In this video I have shown how to integrate REST API with GetX application inside Flutter.
    I have also demonstrated use of Staggered view which is very helpful to create custom layout, specially for gallery and product catalogs.
    Git Source:
    github.com/afzalali15/shopx
    =========================================
    REST and JSON Live session on Google Meet (7th Nov, 2020):
    Link expired - Write down in comment section for another session request.
    =========================================
    StaggeredGridView:
    pub.dev/packages/flutter_stag...
    JSON to model:
    app.quicktype.io/
    0:00 - Introduction
    2:12 - Staggered Grid View
    7:36 - Model
    9:20 - Controller
    12:30 - API Integration
    Tutorial you may want to check:
    Flutter Layout Design Tutorial || Top 5 Widgets
    • Flutter Layout Design ...
    GetX videos:
    Introduction to GetX | Flutter made easy
    • Introduction to GetX |...
    GetX State Management tutorial with Flutter 😍
    • GetX State Management ...
    GetX State Management with Flutter | GetBuilder, GetX and Obx
    • GetX State Management ...
    #GetX #CodeX #REST
    Facebook Page: / codexdevs
    Connect with me on social media:
    FB: / user.afzal
    Twitter: / afzalali15
    LinkedIn: / afzalali15
    Discord: / discord

КОМЕНТАРІ • 409

  • @waqasbashir7985
    @waqasbashir7985 19 днів тому +1

    I see this video some years ago when i start learning flutter and getx, now today i see this again because i forgot syntax of getx.😅
    Thanks for your straight forward video and clean code.❤

    • @CodeXdev
      @CodeXdev  17 днів тому

      Thats nostalgic :D

  • @BelajarPemrogramanPemula
    @BelajarPemrogramanPemula 3 роки тому +7

    very interesting, here I learned how to apply the mvc concept in flutter. thank you

  • @rafanteapps1888
    @rafanteapps1888 2 роки тому +10

    That "Get" package is simply beautiful. It makes flutter wayyyyyyyy much better than it already was. Congratulations for your tutorial, very straightforward and easy to understand

    • @CodeXdev
      @CodeXdev  2 роки тому +1

      Thank you so much!!

  • @tecnojv
    @tecnojv 3 роки тому +5

    Exactly what I needed to learn at the right time. Subbed!

  • @hareendranmg
    @hareendranmg 3 роки тому +3

    Thanks brother 👍🏼
    Waiting for more practical implementation of GetX like this.

  • @MangekyouGui
    @MangekyouGui 2 роки тому +4

    I have received a request to develop an app that will need to communicate with an API, and I plan to use GetX on it. Surely the knowledge you conveyed in this video will be very useful. Thank you very much for your explanation. Keep up the good work!

  • @johnmungandi4413
    @johnmungandi4413 Рік тому

    Your video is very detailed it is very easy to understand and your way of speaking is perfect

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

    Gr8 Gr8 Explanations each and every topic thanx , thank you so much , keep it up and keep making these kind of informatic videos

  • @cassimmushi7795
    @cassimmushi7795 2 роки тому

    Your explanation is so clear, i really like this channel

  • @sifat_ullah_shah
    @sifat_ullah_shah 3 роки тому

    the way u teach a topic is u are using an easy approach, clear English and u only focus on topic really appriciated

    • @CodeXdev
      @CodeXdev  3 роки тому

      Appreciate your feedback 😍

  • @asquove7863
    @asquove7863 3 роки тому +1

    Clear and useful tutorial,
    Thank you so much!

  • @shuaibalghazali3405
    @shuaibalghazali3405 15 днів тому

    This is exactly what i need thanks for the shortcut for generating models also

  • @muhamadluthfia2580
    @muhamadluthfia2580 Рік тому

    Thank you for this informative and educational video!

  • @AbdolHussain
    @AbdolHussain 3 роки тому +1

    hey man, you are a hero. I was struggling with state management for days. you saved me. 👏👏👏👏

    • @CodeXdev
      @CodeXdev  3 роки тому

      Virtual Hi5! 🤚

    • @JK92007
      @JK92007 3 роки тому

      @@CodeXdev ​ Hi bro...pls, a complete series on GetX ...we are excited and waiting for the same...videos on route management, dependency management, themes, dialogue box, bottomsheet, snackbar....GetX with Bottom Navigation Bar...

  • @user-iu7hh3yv5e
    @user-iu7hh3yv5e 5 місяців тому

    simple and easy to understand, thanks for making this video

  • @hammadtariq9324
    @hammadtariq9324 2 роки тому

    bohat bharia Afzal bhai!!! Thanks a lot for the great tutorial. Time-saver

  • @kemalemreball701
    @kemalemreball701 2 роки тому

    Thank you so much. I solved my problem which took 5 hours.

  • @yashraut19
    @yashraut19 3 роки тому +4

    Amazing ! Expecting more videos with Getx

    • @CodeXdev
      @CodeXdev  3 роки тому +1

      That's the plan!

    • @JK92007
      @JK92007 3 роки тому

      ​@@CodeXdev Hi bro...pls, a complete series on GetX ...we are excited and waiting for the same...videos on route management, dependency management, themes, dialogue box, bottomsheet, snackbar....GetX with Bottom Navigation Bar...

  • @JK92007
    @JK92007 3 роки тому +3

    Hi bro...pls, a complete series on GetX ...we are excited and waiting for the same...videos on route management, dependency management, themes, dialogue box, bottomsheet, snackbar....

  • @ugurkorkmaz7968
    @ugurkorkmaz7968 3 роки тому

    Thanks man. I watch the again. Voice tone is good.

  • @routmartin6328
    @routmartin6328 3 роки тому

    Great and love your tutorials.

  • @mohammedsadiq5729
    @mohammedsadiq5729 3 роки тому +3

    Was waiting for more GetX ❤️

    • @CodeXdev
      @CodeXdev  3 роки тому +2

      Hope u liked it 😊

  • @Tech1st
    @Tech1st 3 роки тому

    Thank you so much.I am waiting for this

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

    Thank you for this great tutorial

  • @Jo-tb6ur
    @Jo-tb6ur 3 роки тому +1

    Yesssssssss I have been waiting for this
    Awesome

  • @bilalsimsek7306
    @bilalsimsek7306 3 роки тому +2

    your every video teaches me new things. thanks for your great effort.

    • @CodeXdev
      @CodeXdev  3 роки тому

      Glad to hear that!

    • @JK92007
      @JK92007 3 роки тому

      @@CodeXdev Hi bro...pls, a complete series on GetX ...we are excited and waiting for the same...videos on route management, dependency management, themes, dialogue box, bottomsheet, snackbar....GetX with Bottom Navigation Bar...

    • @JK92007
      @JK92007 3 роки тому

      @@CodeXdev Hi bro...pls, a complete series on GetX ...we are excited and waiting for the same...videos on route management, dependency management, themes, dialogue box, bottomsheet, snackbar....GetX with Bottom Navigation Bar...

  • @shemo7486
    @shemo7486 Рік тому

    man you helped me a lot! thank you so much.

  • @recode2764
    @recode2764 3 роки тому +3

    I'm very interesting and please make more video about getX,

  • @isuruaravinda9651
    @isuruaravinda9651 2 роки тому

    This is really helpful bro. Thank you. 😊

  • @wizzl8513
    @wizzl8513 3 роки тому

    Good video, explained everything very well

  • @nazmulrana6503
    @nazmulrana6503 3 роки тому +1

    Great video❤️.. Please make a complete tutorial on how to make a e-commerce app with flutter and getx package with rest api..

  • @chamikapeiris
    @chamikapeiris 3 роки тому +2

    Clear explanation. Keep it up.
    Small request, Could you please do a video about GetConnect?

  • @gunartha007
    @gunartha007 3 роки тому

    great tutorial.. thank you for sharing. I request flutter tutorial about a face recognition.

  • @Nitesh_Bhagat
    @Nitesh_Bhagat 3 роки тому

    Bhai loved your videos. please make one on the architecting flutter apps production level.
    and how to prepare flutter apps to publish. THANK YOU

  • @ronaldlouritson2112
    @ronaldlouritson2112 3 роки тому

    Awesome and Thanks for great video.

  • @jamiuokanlawon2399
    @jamiuokanlawon2399 3 роки тому

    Awesome video!
    Please create a video for Staggered Grid View.

  • @arsarsars1able
    @arsarsars1able 3 роки тому +1

    Brother your cannel is one of the most good and easiest way of learning, I am a flutter dev and never understand the providers but the watch you are guiding is easiest and more understandable. Thanks a lot for providing good information and please if you have any session please add it to your playlist so the future person can easily get that and understand it.
    Brother i need to watch your http client post and other thing.

    • @CodeXdev
      @CodeXdev  3 роки тому +1

      You are most welcome

    • @arsarsars1able
      @arsarsars1able 3 роки тому

      @@CodeXdev Brother when you can send the link?

  • @user-wf5xo8xs9o
    @user-wf5xo8xs9o 3 роки тому +1

    Thank you, amazing work 👍🏻

  • @shakeebahmedkhan8026
    @shakeebahmedkhan8026 2 роки тому

    Awesome video sir. Make one complete video on Flutter_Staggered_gridview

  • @junaidjameel5049
    @junaidjameel5049 Рік тому

    You are a Good Teacher Sir.

  • @akindeletaiwo9171
    @akindeletaiwo9171 3 роки тому +1

    I have being watching different videos but this is my best detailed and understandable explanation so far on youtube. Nice job man. Please can you do a video on (login, signup, authentication ) with getx. Thanks

  • @sarmadabdulrahman4272
    @sarmadabdulrahman4272 3 роки тому

    Thanks , for this great tutorial

  • @stackflow4007
    @stackflow4007 Рік тому

    Wow clean code. Now I want to learn this GetX.

  • @pravinrathod1676
    @pravinrathod1676 3 роки тому +1

    Video is great and content as well but needs some more sounds increase. Thank you 😊

  • @FazriGading
    @FazriGading 2 роки тому

    You are amazing, thanks!!!

    • @CodeXdev
      @CodeXdev  2 роки тому

      ☺️☺️ You are too ✌🏼

  • @mithleshrahangdale3405
    @mithleshrahangdale3405 2 роки тому +1

    Thanks you so much 👍👍

  • @blkumawat8962
    @blkumawat8962 3 роки тому +1

    Hello man first a big thanks for such a amazing videos...now I want something which is how we can implement MVVM pattern in flutter Please make a short video just a demo video with structure please .... Thank You!!!!!!

  • @emanalhussien4716
    @emanalhussien4716 2 роки тому

    Thanks great video

  • @DevDiegoSanches
    @DevDiegoSanches 3 роки тому

    Very nice. Tks.

  • @Minhle-bg1rp
    @Minhle-bg1rp 3 роки тому

    Please make more video GetX. Thank you so much.

  • @thebadalkumar
    @thebadalkumar 3 роки тому

    Thank you for this tutorial 😀
    Fun fact: I'm watching this at 12:00 AM, and suddenly i get this sound 26:15 trust me i was like who is clapping behind me 😂😂.
    8D sound

  • @fahad_hussain24
    @fahad_hussain24 2 роки тому

    Very nice sir 🤝🙂😍 please Crete a detail video too on staggered

  • @tagato
    @tagato 3 роки тому +3

    Nice, I think this is a very simple explanation video about GetX that I've ever watched

  • @toseefsaim8437
    @toseefsaim8437 3 роки тому

    sir you a really a great personality....!

    • @CodeXdev
      @CodeXdev  3 роки тому

      Thank you for lovely feedback! God bless u

  • @davidowens9597
    @davidowens9597 3 роки тому +6

    Another great video. You do amazing job making things simple.
    At the end you could have also used the ternary operator to show the CircularProgressIndicator while isLoading is true. It's a little more concise than an if statement.

  • @user-nf7sp2ck5m
    @user-nf7sp2ck5m Рік тому

    thank you CodeX ❤❤❤

  • @stgbrutal6668
    @stgbrutal6668 3 роки тому

    sir i appreciate yours work a lot and u are hardworking to ..!!!
    i under stood your video soo soo much u are great teacher and hope will make more video about get x package

    • @CodeXdev
      @CodeXdev  3 роки тому

      So nice of you, Yes I have plans to create more videos on GetX

  • @vi.p8376
    @vi.p8376 Рік тому

    BRO I WANT MORE VIDEOS YOUR EXPLANATION IS TOO GOOD .....IN FLUTTER WHAT ARE THINGS IMPORTANT TO MADE A FLUTTER DEVELOPER

  • @andrewsankata4921
    @andrewsankata4921 3 роки тому +2

    Please make a tutorial on the same series covering the infinite scroll otherwise great tutorial

  • @gunasekaranpalanisami6182
    @gunasekaranpalanisami6182 3 роки тому

    Super Bro, very clear

    • @CodeXdev
      @CodeXdev  3 роки тому

      Thank you so much 🙂

  • @LAADI786
    @LAADI786 2 роки тому

    Please make a video on flutter lifecycle . It's very helpful juniors if you can . Humble request sir 💛

  • @abhishekgiri7366
    @abhishekgiri7366 3 роки тому

    Thank You so much Please make one video for Post data

  • @itsqamar8ballpool
    @itsqamar8ballpool Рік тому

    Good Work Bro!

  • @digitalarsenal668
    @digitalarsenal668 3 роки тому

    Nicely explained.

  • @mallikarjunreddy5229
    @mallikarjunreddy5229 3 роки тому

    Simple and nice explanation bro, keep up the great work.

    • @mallikarjunreddy5229
      @mallikarjunreddy5229 3 роки тому +1

      I would love to watch more videos something like fancy stuff.

    • @CodeXdev
      @CodeXdev  3 роки тому +1

      Appreciate it! Sure, if you people keep supporting like this.. I will create more videos on this topic :)

    • @mallikarjunreddy5229
      @mallikarjunreddy5229 3 роки тому

      @@CodeXdev I need one help personally bro, If you can I will explain it personally, ofcourse it's challenging 😀

    • @CodeXdev
      @CodeXdev  3 роки тому

      You can join on discord

  • @rodinsuniga5549
    @rodinsuniga5549 3 роки тому

    Love it!

  • @mohamedmubarak8513
    @mohamedmubarak8513 3 роки тому

    Alot of thanks dear

  • @rann1029
    @rann1029 3 роки тому

    thank Sir, God bless you!

    • @CodeXdev
      @CodeXdev  3 роки тому

      So nice of you, gold bless you too :)

  • @abdelrahmanadel8998
    @abdelrahmanadel8998 3 роки тому

    bro you are awesome

  • @kuliahkoding
    @kuliahkoding 3 роки тому

    thanks, i like it

  • @bashafaris5908
    @bashafaris5908 3 роки тому +1

    Bro u r awesome❤️❤️❤️❤️😍😍❤️❤️hope u do more using getx.. like animation etc

    • @CodeXdev
      @CodeXdev  3 роки тому

      Nice suggestion, GetX doesn't provide animation.. It's core Flutter functionality. But yes, I can do tutorial on animation which is using Get package :)

    • @bashafaris5908
      @bashafaris5908 3 роки тому

      @@CodeXdev yes thank you .. i just need to learn how i can use animation controller across pages using getX ... do more and more video about getX .. I found u r the only one doing more video with getX .. thanks alooot for ur videos❤️❤️❤️😍😍❤️❤️😍❤️

  • @sudiptokumarmitra9845
    @sudiptokumarmitra9845 3 роки тому +1

    Thank you very much. Please can you make a full project using getx and firebase?

  • @TechWithDnes
    @TechWithDnes 3 роки тому +4

    Awesome.
    More on GetX sir

  • @tawsan646
    @tawsan646 3 роки тому +1

    thank you Sir.

    • @CodeXdev
      @CodeXdev  3 роки тому

      Welcome to channel CodeX!

  • @giannifed
    @giannifed 3 роки тому

    thank you sir

  • @Sourav9063
    @Sourav9063 3 роки тому +24

    Please make a video
    Getx, everything you need to know/ everything you can do
    🥺🥺

    • @ivantropia
      @ivantropia 3 роки тому

      Sounds like a magic video

  • @pravinrathod1676
    @pravinrathod1676 3 роки тому +1

    Hi Afzal please make dedicated tutorial on flutter fire base login and social login as well in MVC pattern.
    Thank you 😊

  • @l1ndi3n
    @l1ndi3n 3 роки тому

    u are the best i love u merci beaucoup ❤️

  • @moeinkpr9100
    @moeinkpr9100 3 роки тому

    Thanks you,it's perfect

    • @CodeXdev
      @CodeXdev  3 роки тому

      Glad you liked it 👍🏼

  • @mohamedmubarak8513
    @mohamedmubarak8513 3 роки тому +1

    A lot of thanks.
    I want listView filter with getX :).

  • @techzone2009
    @techzone2009 3 роки тому

    Thanks 😊

  • @EricPLMobileDeveloper
    @EricPLMobileDeveloper 3 роки тому

    Awesome, can please make a video of authentication state management

  • @avnish3719
    @avnish3719 3 роки тому +2

    I have worked with Providers in past but Getx is too easy to configure and minimalist to work with.
    This man explains everything too greatly even a beginner can understand easily.
    Please like the video and subscribe to his channel.

    • @CodeXdev
      @CodeXdev  3 роки тому +1

      Thank you so much for lovely feedback 😍

  • @DevYildiz
    @DevYildiz 2 роки тому

    Great

  • @maungmaungthein1629
    @maungmaungthein1629 3 роки тому

    very good

  • @junaidjameel5049
    @junaidjameel5049 Рік тому

    Please make more Tutorials on Getx (State Managment).

  • @replaytvsenegal7664
    @replaytvsenegal7664 Рік тому

    thanks you from senegal

  • @playbooz
    @playbooz 3 роки тому +4

    Dear Brother
    After pest JSON API in the product page
    API shows lots of errors what should I do?

  • @amitsharmaav9924
    @amitsharmaav9924 2 роки тому

    how's your vscode have more suggestion while wrap with many of widget and also surround option.. where i can found this features

  • @suarakata
    @suarakata 3 роки тому +1

    Nice conten broo

  • @rubeenarasack8317
    @rubeenarasack8317 3 роки тому +1

    Please do a video on REST and json

  • @chuckjackson1762
    @chuckjackson1762 2 роки тому +1

    Sir, the list is deprecated. How should I use the obs with the new list? Thank you.

  • @bilalsimsek7306
    @bilalsimsek7306 3 роки тому +1

    Did you try GetConnect. I really looking forward for your video about it.

  • @shahidwani6445
    @shahidwani6445 2 роки тому +1

    Please make video series on Riverpod

  • @shijinmsimon4376
    @shijinmsimon4376 2 роки тому

    nice video

  • @ericchua3492
    @ericchua3492 3 роки тому +7

    In your actual projects, do you structure your folders as per this video? Any recommendations to structure folders/files and reduce complexity?

    • @CodeXdev
      @CodeXdev  Рік тому

      Hello, I used to keep the structure shown in video. But recently I switched to feature folder.
      All the files related to one feature goin in one folder. Something like this 👇🏼
      Login
      ----Controllers
      ----Views
      ----Bindings

  • @nirmalasudhir1457
    @nirmalasudhir1457 3 роки тому

    Hi Afzal. I have been using your Getx code with odoo. I get the following error on return productFromJson(response) Unhandled Exception: type 'List' is not a subtype of type 'String'. What could be the solution. Can you please help?

  • @timeless-JAT
    @timeless-JAT 3 роки тому

    This video is wow.
    Please make another video about how to post data to server from flutter app using API ?
    Will you ?

    • @CodeXdev
      @CodeXdev  3 роки тому

      Yes.. I got many request for that!

    • @timeless-JAT
      @timeless-JAT 3 роки тому +1

      @@CodeXdev i have an another request that > how to insert radio value into database from flutter app ?
      Ex. Male, female and Other
      I hope you understood and make a video soon ( at Sunday

    • @CodeXdev
      @CodeXdev  3 роки тому +1

      😜 I cant plan it for Sunday for sure, if you may want to join discord and ask question there! You will get instant help

  • @dotnetdevni
    @dotnetdevni 2 роки тому

    is their any comparison for xamrian forms to flutter for example that might help me out more

  • @kasunathlakmal7160
    @kasunathlakmal7160 3 роки тому

    Thanks