Flutter Nike Store App UI Concept - Speed Code

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 165

  • @Hallden_
    @Hallden_ 5 років тому +77

    Cool man! Awesome UI

    • @boqnbalev2848
      @boqnbalev2848 5 років тому +1

      2 community leaders in one comment! Flutter Nation

    • @ngigebrian5877
      @ngigebrian5877 4 роки тому

      Both y'all are constantly creative

  • @raffaelenicolapiazzolla3927
    @raffaelenicolapiazzolla3927 5 років тому +73

    You have a talent

  • @0877adri
    @0877adri 4 роки тому +1

    Beautiful, that's the kind of aesthetic I can feel :)
    You're an artist, really inspiring.

    • @Devefy
      @Devefy  4 роки тому

      Thank you so much 😀

  • @samanthayoung3835
    @samanthayoung3835 5 років тому

    Super cool to see different methods to create apps :) I’m used to HTML/CSS only so seeing the different syntax is really awesome ^_^ you’re super talented! Please keep posting 😃

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

    I really admire your design and I wanted to look into the code more thoroughly but I cant access it.
    do you mind re-uploading the source code?

  • @areebahmed5125
    @areebahmed5125 5 років тому +18

    Where is the part where he codes the open and closing animations of those product cards ?

    • @sepehrazizi1491
      @sepehrazizi1491 5 років тому +4

      search for hero tag! it's not a custom animation it's built it flutter

  • @evansullivan4271
    @evansullivan4271 5 років тому +2

    I'm quiet confused. Did you learn all these commands for flutter or did you have help beside you. ie did u have a list of commands

  • @임창수-c7c
    @임창수-c7c 5 років тому +1

    Thanks for the awesome video. You now use screen_util for all the projects?

  • @Unknowndestinationtotravel
    @Unknowndestinationtotravel 5 років тому +2

    Amazing skills... please bring a detailed video with explanation...if it is possible for u..Loved ur work and effort ☺️☺️☺️

  • @delta1185
    @delta1185 4 роки тому +1

    What is the difference between the use of Stack and Column? ... why did he use 2 stack in 5:58 ? ... Can someone help me please :)

  • @josemoacirtavaresmoreira3542
    @josemoacirtavaresmoreira3542 4 роки тому

    Hi!I am purchasing an example of yours in Flutter but I get the following error message.

  • @kevXYX
    @kevXYX 5 років тому

    i'm no frontend dev but there's a lot of hardcoded height, width and padding isn't this gonna break in other smaller and bigger devices?

  • @MicahJohns
    @MicahJohns 5 років тому

    these speed code videos are amazing

  • @MSKM.Mehrdad
    @MSKM.Mehrdad 4 роки тому

    great :) I enable notify for your channel . and I love to be your student and learn flutter from you to be a creative developer like you. thank you

  • @MaulikParmar210
    @MaulikParmar210 5 років тому +3

    Coming from old apis where we used to handcode all of the things that these devs takes literally.....

  • @DJSebas213
    @DJSebas213 4 роки тому +1

    Hi bro,
    I have a question, how is it responsive if the measures you put on the widgets are fixed?

    • @nipunasudha
      @nipunasudha 4 роки тому +1

      He used a custom class called ScreenUtil to be independent of the resolution.

  • @chrisrosch4731
    @chrisrosch4731 5 років тому +20

    the outro gave me a tiny heart attack

  • @ratnapriya6106
    @ratnapriya6106 4 роки тому

    Can you send those file which is used in it but you are not shown in this video? Because I got many errors.

  • @quanduong7199
    @quanduong7199 5 років тому +1

    Hi, What application do you use for dart programming?

    • @VishnuTB7
      @VishnuTB7 5 років тому

      You can use any Editor,
      VS Code is recommended.

  • @kingnothingfpv2303
    @kingnothingfpv2303 5 років тому

    Hey Devefy... Can you plase make a video that shows how to make a CUSTOM selectbox/dropbox... There is NO good content about it anywhere... They are all limited customization of default dropboxbutton... A cool custom implementation would be great... May be opening a listview on tap to select? I count on you with this... Please make a vid

  • @Robl2024
    @Robl2024 5 років тому +1

    amazing bro, greettings from Peru! flutter is the future

  • @josueminchez4831
    @josueminchez4831 5 років тому +5

    Hi!
    Someone could share the file "ShoesModel"?
    Good Work

  • @mashbrown8622
    @mashbrown8622 5 років тому

    the madlad's done it again,......awesome work man.

  • @70a55
    @70a55 5 років тому

    talent right here! lets show nike this guy!

  • @Davipar
    @Davipar 5 років тому

    What OS do you use? Mac OS, Linux or Windows?

    • @indianappguy
      @indianappguy 4 роки тому

      I think windows as he is using Android emulator not sure

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

    Can you give me the name of the songs?

  • @willsantaana8507
    @willsantaana8507 5 років тому

    What theme do you use in vscode?

  • @asian1nvasion
    @asian1nvasion 5 років тому +1

    Keep them coming! I love your flutter speed coding videos. Do you have a Patreon?

    • @woshisheili1541
      @woshisheili1541 4 роки тому +1

      Yes, I want the videos about the whole project! ^^

    • @indianappguy
      @indianappguy 4 роки тому

      @@woshisheili1541 hey david i make video on full projects, you can check them out and let me know your feedback

    • @woshisheili1541
      @woshisheili1541 4 роки тому

      @@indianappguy Wow Really? I gotta check it out!

    • @woshisheili1541
      @woshisheili1541 4 роки тому

      @@indianappguy Could you send me the link?

  • @androidleeno7172
    @androidleeno7172 5 років тому +1

    So this is the beauty of coding

  • @chordfunc3072
    @chordfunc3072 5 років тому +1

    Cool video, and chill music :p keep it up!

  • @SHAKILAHMED-wf9si
    @SHAKILAHMED-wf9si 5 років тому

    Super clean video!

  • @MannyFarsangy
    @MannyFarsangy 4 роки тому

    What is your emulator?

  • @proandy4448
    @proandy4448 4 роки тому +1

    pls can you share the source code in GitHub and share. many thanks

  • @internetcollections6453
    @internetcollections6453 4 роки тому +1

    I have watched this video so many times but missing code.

  • @KasarAkash
    @KasarAkash 5 років тому +1

    How to use custom icons and pictures in project like you
    Please make video on it

  • @bossdog_622
    @bossdog_622 5 років тому

    what was this written in?

    • @indianappguy
      @indianappguy 4 роки тому

      Dart language flutter framework

  • @Skulltroxx
    @Skulltroxx 5 років тому +23

    why does the Nike app have Adidas in store? xD

    • @simplyruben3184
      @simplyruben3184 5 років тому +2

      why does the info on users page read ''Perchased'' instead of Purchased? this guy made alot of silly mistakes tbh but overall still like it but this one wont go in a portfolio atleast I hope not with those mistakes

    • @uptourgames3735
      @uptourgames3735 4 роки тому +1

      @@simplyruben3184 irrelevant

    • @uptourgames3735
      @uptourgames3735 4 роки тому

      irrelevant

  • @hamzakhattabi9251
    @hamzakhattabi9251 5 років тому

    Where did you get ui ?

  • @internetcollections6453
    @internetcollections6453 4 роки тому +1

    @Devefy Please share the source code on GitHub...
    Thanks

  •  5 років тому +1

    Where are the models?

  • @samueldeoliveirasilveira8998
    @samueldeoliveirasilveira8998 4 роки тому

    Nice work man!!!

  • @Unknowndestinationtotravel
    @Unknowndestinationtotravel 5 років тому

    Is this app created based on java programming language or is it python???

    • @33KK
      @33KK 5 років тому

      Its flutter. Flutter uses dart

  • @Dan-tw6um
    @Dan-tw6um 5 років тому

    will you have tutorial using firebase as a backend with your designs?

    • @indianappguy
      @indianappguy 4 роки тому

      hey Dan if you want to learn Flutter with Firebase i have made multiple full projects video like flutter blog, fullly functioning chat app with Flutter & Firebase for beginners

  • @blessenalex9794
    @blessenalex9794 5 років тому

    You are absolutely brilliant

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

    second song title pls

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

    What's the API for shoes data

  • @HoaNguyen-mx6xj
    @HoaNguyen-mx6xj 5 років тому +1

    So cool bro, brilliant!!!

  • @ray-lee
    @ray-lee 5 років тому

    can it be done with react native?

  • @임창수-c7c
    @임창수-c7c 5 років тому +1

    Would you make other options for payment? I can't use paypal.

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

    How did you learn this man......

  • @irayankhan2658
    @irayankhan2658 5 років тому

    For some reason thought title said Swift UI. Love the concept though!

  • @ShivamJha00
    @ShivamJha00 5 років тому

    The fucking UI dude. Wow awesome

  • @buffingtonbros6344
    @buffingtonbros6344 5 років тому

    What Flutter Extension are you using?

  • @ndroidLover
    @ndroidLover 5 років тому +1

    kindly send source code of this project

  • @hongdenny1664
    @hongdenny1664 4 роки тому

    What a code! Nice work!

  • @nasirmehmood_
    @nasirmehmood_ 4 роки тому

    can we get this source code by free ?

  • @ahmedsanour9981
    @ahmedsanour9981 5 років тому

    After the videos i watch for you ,i just like the video before intro begin

  • @RiteshSonavane
    @RiteshSonavane 5 років тому

    Can you make a video on Design Thinking?

  • @baxiry.
    @baxiry. 5 років тому

    thank you very much.
    the font/ letters are very clear

  • @yuridzivulskiy1280
    @yuridzivulskiy1280 5 років тому +1

    Just amazing, thanks

  • @antonioadelino8657
    @antonioadelino8657 5 років тому +1

    Lollll you are amazing! Nice app!

  • @akhmadjonismatov3139
    @akhmadjonismatov3139 5 років тому +7

    :(( I don't have 26$ to buy it... Devefy, bro plz make some tutorials

    • @vaibhavbirla727
      @vaibhavbirla727 5 років тому +6

      Watch the video on 0.25x while simultanously coding.

    • @LuisBispo1914
      @LuisBispo1914 5 років тому +1

      @@vaibhavbirla727
      But the rest of the code is missing and then you can't keep doing it

    • @indianappguy
      @indianappguy 4 роки тому +1

      hey Ismatov if you want to learn how to build full flutter app from scratch as a beginner, check the recent playlist on my channel on how to make flutter chat app from scratch with Firebase, or blog app

  • @kayderl
    @kayderl 5 років тому

    What's the programming language?

    • @indianappguy
      @indianappguy 4 роки тому

      dart language, Flutter Framerwork

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

    Source code link broken. Provide new

  • @sidatymoulayekoureichy2848
    @sidatymoulayekoureichy2848 5 років тому

    Awesome design🙏

  • @omaryassir5885
    @omaryassir5885 4 роки тому

    Awesome stuff, can you make app from scratch tutorial ? Not a speed code

    • @indianappguy
      @indianappguy 4 роки тому

      I have made some Omar you can checkout my channel

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

    source code link not working

  • @DJSebas213
    @DJSebas213 5 років тому +1

    AMAZING !

  • @RazaviImran
    @RazaviImran 4 роки тому

    static const IconData menu = const IconData(0xe901, fontFamily: "CustomFont");
    not worked for me

  • @Cyperlina
    @Cyperlina 5 років тому +1

    omg how awesome is that

  • @sobatdigital147
    @sobatdigital147 4 роки тому

    Beautiful pattern bro

  • @franzzzzzzzzzrey
    @franzzzzzzzzzrey 5 років тому

    Beautiful!

  • @RazaviImran
    @RazaviImran 4 роки тому

    can anyone tell me how he created CustomIcons.menu ?

  • @tomaskomenda1682
    @tomaskomenda1682 5 років тому +1

    nice coding ... but Text -> style: Appstyle.headingStyle not working ... :(

    • @lxxxap
      @lxxxap 5 років тому +2

      Cause it's his style thats not in public, try to create your own TextStyle

  • @MaveFers
    @MaveFers 5 років тому

    Wow! Awesome!

  • @red_app1418
    @red_app1418 5 років тому

    what programming language is?

  • @floodyboy5307
    @floodyboy5307 5 років тому

    Just amazing 🤩👏

  • @averageconsumer5374
    @averageconsumer5374 4 роки тому

    Please make tutorial

  • @andreadeblasio6430
    @andreadeblasio6430 5 років тому

    fantastic man

  • @BunnyFest
    @BunnyFest 4 роки тому

    link is dead

  • @ColdStoneBoy
    @ColdStoneBoy 5 років тому

    SO COOOOOOL!!!! AMAZING!

  • @moamdanf6806
    @moamdanf6806 5 років тому

    What is ScreenUtil ?

    • @lxxxap
      @lxxxap 5 років тому

      It's library pub.dev/packages/flutter_screenutil

  • @mustafashaikh7829
    @mustafashaikh7829 5 років тому

    It's paid.???

  • @танатоскентай
    @танатоскентай 5 років тому

    what is IDE he use?

  • @woshisheili1541
    @woshisheili1541 4 роки тому

    Devefy, Thanks for sharing. Would you like to share the assets?

  • @omishahyt
    @omishahyt 5 років тому +1

    🔥🔥😍

  • @lassinaouattara1213
    @lassinaouattara1213 5 років тому

    waoooouuuu very nice Mate,thanks for chairing

  • @uptourgames3735
    @uptourgames3735 4 роки тому

    Coding starts at 0:57

  • @mcvgs1780
    @mcvgs1780 5 років тому

    Damn, this is great.

  • @SuryaPrakash-ci1ib
    @SuryaPrakash-ci1ib 5 років тому

    Android studio or unity?

  • @keliumnickel8864
    @keliumnickel8864 5 років тому

    nice ui

  • @AliAhmad-nn3mr
    @AliAhmad-nn3mr 5 років тому +3

    make another video on this ui can we get the code without any pay realy need it
    appreciate

  • @siumhossain-
    @siumhossain- 5 років тому +2

    hey buddy ,pls share ur knowledge by making tutorial pls

    • @indianappguy
      @indianappguy 4 роки тому

      I am making sium please have a look and share your valuable feedback

  • @NattapongPUN
    @NattapongPUN 5 років тому

    I have to say WOW.

  • @utkarsh_108
    @utkarsh_108 4 роки тому

    Installing flutter is really itself a big pain in butt

  • @mrehan98
    @mrehan98 5 років тому

    Wow amazing

  • @andhikaeffendy5732
    @andhikaeffendy5732 5 років тому

    big thks for u sir. ur awesome

  • @theethicalh3707
    @theethicalh3707 4 роки тому

    woooow

  • @ahmedfarrag2602
    @ahmedfarrag2602 5 років тому

    I can build like this by react native ?

  • @mahendraadhikari2195
    @mahendraadhikari2195 5 років тому

    how to instqll flutter sdk in vs code

    • @ericknyoro6469
      @ericknyoro6469 5 років тому

      1. download the sdk from flutter website and add its path on path environment variables
      2. install flutter and dart extensions from vs marketplace
      3. run 'flutter create projectname' on terminal to create a new flutter project
      4. When it's done, if you get errors (or basically if your material.dart path cannot be located), run 'flutter packages get' on terminal (make sure you change directory to the newly created flutter project and run command from there).
      5. restart VS code
      6.