Fast Food App in React Native 🔥

Поделиться
HTML-код
  • Опубликовано: 27 май 2023
  • #expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript #fooddeliveryapp #uidesign
    react native
    animations in react native
    react native tutorial
    react native app
    react native vs flutter
    react native tutorial for beginners
    react native project
    react native course

Комментарии • 379

  • @indonesianfamily9767
    @indonesianfamily9767 10 месяцев назад +1152

    Fast code to code fast food

    • @codewithnomi
      @codewithnomi  10 месяцев назад +39

      😄

    • @gleamofcolor
      @gleamofcolor 9 месяцев назад +9

      Alliteration 😂😂😂

    • @Miya_Bhaiii
      @Miya_Bhaiii 3 месяца назад

      How long did you take bro ​@@codewithnomi

    • @SkillsGuru-1
      @SkillsGuru-1 3 месяца назад +2

      Hello bro how are you brother I need to your help so please guide me update ​@@codewithnomi

    • @phamxuankhoaa
      @phamxuankhoaa 3 месяца назад +1

      Lol

  • @uialexk
    @uialexk 2 месяца назад +131

    The design of the UI is quality!

  • @AGELESS_RAHUL2001
    @AGELESS_RAHUL2001 6 месяцев назад +533

    Coding is consistency and patience if you don"t have both you fail.

    • @gojovoiceover
      @gojovoiceover 4 месяца назад +8

      😢this video is fast farwaded bro😂😂

    • @zeminfo4010
      @zeminfo4010 3 месяца назад +1

      Waste of time Devin ai can do all of this

    • @gojovoiceover
      @gojovoiceover 3 месяца назад

      @@zeminfo4010 devin AI is just a scam bro , wake up to reality

    • @binarybulletin
      @binarybulletin 3 месяца назад

      Have you get look of devin 😅​@@zeminfo4010

    • @chrisstucker1813
      @chrisstucker1813 3 месяца назад

      @@zeminfo4010 devin is just an api wrapper. basically a scam

  • @CreativeDrone
    @CreativeDrone 9 месяцев назад +334

    bro probably has a stack overflow monitor on the far left

    • @Aki-ow9hd
      @Aki-ow9hd 4 месяца назад +69

      You don't need Stack Overflow when you don't even need to solve a problem. There's not a single technical problem here. It's just Tailwind and HTML, plus you don't even want to hard code the entire thing like the way he did.

    • @mich_thedev
      @mich_thedev 4 месяца назад +4

      ​@@Aki-ow9hdwhat about css bugs

    • @allahlesboslu2_9
      @allahlesboslu2_9 3 месяца назад +17

      Chatgpt

    • @PrinceMkatema
      @PrinceMkatema 2 месяца назад +1

      ​@@Aki-ow9hd you don't get the joke 😂😂

    • @Not_Aran8276
      @Not_Aran8276 2 месяца назад

      @@Aki-ow9hd”how to center a div”

  • @WeiFinder
    @WeiFinder 2 месяца назад +29

    I feel like web dev is slowly melting into natural language web design, in not long at all you'll just design the app in design software (with the help of Ai), have a discussion with a coding AI agent to explain how it is intended to work, and the AI agent will create and execute the stack for you and hand over the keys.

    • @NoorAlaAddarb
      @NoorAlaAddarb Месяц назад +11

      not a chance, if you've ever developed even an app you would've known that it's a complex task, AI can only give you semi-working snippets or code, if ever

    • @WeiFinder
      @WeiFinder Месяц назад +4

      @@NoorAlaAddarb Hence: "Slowly melting into".. I would know, it's been my profession for over a decade, and the slow melt is tangible.

    • @lucascamelo3079
      @lucascamelo3079 Месяц назад +1

      ​@@NoorAlaAddarbIt's only a matter of time. I guess less than a decade.

    • @lucascamelo3079
      @lucascamelo3079 Месяц назад +1

      ​@@NoorAlaAddarbIt's only a matter of time. I guess less than a decade.

    • @RaPiiDHUNT3R1
      @RaPiiDHUNT3R1 23 дня назад +1

      I've been making a website with claude. I feel like I'm just using an app tbh. I don't think someone who doesn't know anything about coding could do it but it's definitely not real development anymore.
      I copy paste 80% of the code and then spend 10-20 minutes fixing it occasionally.

  • @mahendranath2504
    @mahendranath2504 9 месяцев назад +23

    Nice subscribed and liked 🤜🏻👍👌🤝

  • @partabaguddi227
    @partabaguddi227 Месяц назад +4

    Nice work sir❤

  • @zaqwe
    @zaqwe 4 месяца назад +30

    Reading the comments like I knew wtf people is talking about 😂

    • @danenson94
      @danenson94 3 месяца назад +14

      Yes, I should clear your doubts, I am an expert developer in the development of advanced application developments, programmatic programming, compilation language, multimodal extensions simulators, CodeAI, CSS, C++, Arduino, UI, UX, Linux, RSS, Tailwind, KFC, Java , Indonesia, NFL, C--, BTC, GTA V, NPC, etc., with years of experience in the field, and the truth is I have no idea what I'm writing.

    • @Shanayab04
      @Shanayab04 3 месяца назад +5

      ​@@danenson94😂😂

    • @exitspree
      @exitspree 2 месяца назад +4

      ​@@danenson94"KFC" fked me up 😂😂😂

    • @Ibrahim_B.
      @Ibrahim_B. 27 дней назад +1

      @@danenson94 "KFC", "GTA V", "Indonesia", "NPC" 🤣🤣

    • @SPNPtoSPNP
      @SPNPtoSPNP 7 дней назад

      softwhere

  • @Grinwa
    @Grinwa 10 месяцев назад +10

    I like ur vids and i like ur work

  • @GabrielAugustoDeVito
    @GabrielAugustoDeVito 2 месяца назад +3

    Great stuff. Impressive skills

  • @beane777
    @beane777 10 месяцев назад +279

    I wonder why some pple still use stylesheets when we have tailwind, thumbs up 🔥

    • @tamelearninghub
      @tamelearninghub 9 месяцев назад +84

      Wonder why mess your code up, when it can be clean using SCSS or Bootstrap.

    • @suyashdeshpande784
      @suyashdeshpande784 9 месяцев назад

      Tailwind is shit

    • @realdavidemeka
      @realdavidemeka 9 месяцев назад

      @@tamelearninghub exactly

    • @devcoelho
      @devcoelho 9 месяцев назад

      @@tamelearninghubyou certain dont know what r u saying

    • @Nobodylihshdheuhdhd
      @Nobodylihshdheuhdhd 9 месяцев назад

      ​@@tamelearninghubtailwind better

  • @almondjoy123
    @almondjoy123 Месяц назад

    Beautiful UI!

  • @epicsomz69
    @epicsomz69 4 месяца назад +59

    I got goosebumps on hearing STRANGER THINGS intro tune 💀

  • @Brandon-Ayre
    @Brandon-Ayre 5 месяцев назад +5

    My college decided to do flutter instead in August

    • @Brandon-Ayre
      @Brandon-Ayre 2 месяца назад

      They got sponsored by a company that does flutter ​@SharathShenoyBiz

  • @HyperBassYT
    @HyperBassYT 7 месяцев назад +10

    "Deliciouse food"

  • @user-yw2gs3wc7b
    @user-yw2gs3wc7b 2 часа назад

    Amazing ❤

  • @thucanhvu1449
    @thucanhvu1449 29 дней назад +1

    Nobody talks about the ST theme ? 😭 I just found my perfect aura for coding

  • @ogrroyalty5875
    @ogrroyalty5875 4 часа назад

    Beautiful

  • @FrederickKuehl
    @FrederickKuehl 2 месяца назад +16

    Which extension do you use in order to preview the design?

    • @pedro-jh3ow
      @pedro-jh3ow 19 дней назад

      when you run a react native app (using expo) in the prompt, it gives you the option to read a qrcode and preview in your mobile device or pressing a key to run in the browser

  • @biokode
    @biokode Месяц назад

    Looks delixciouse 😊

  • @krs8595
    @krs8595 4 месяца назад +8

    I wish I could learn react native..😢 i am a c# win form developer for 5 years and then I moved into project management.. but still I have that will to learn but I wish I am too naive for this 😢

    • @basilomsha4793
      @basilomsha4793 2 месяца назад +1

      React native is quite easy to pick. Especially if you have experience in JS. But since you know C# you can still easily, learn RN

    • @DanielDinois
      @DanielDinois 26 дней назад

      Why don't you try .NET MAUI? It is very easy to learn if you already know C# and MVVM pattern.

  • @spectralspace8866
    @spectralspace8866 11 месяцев назад +13

    What styling library are you using? Great vid!

    • @codewithnomi
      @codewithnomi  11 месяцев назад +22

      nativewind (tailwindcss)

    • @nobistatus2.0
      @nobistatus2.0 2 месяца назад +1

      Which website you can using

  • @bike-wala
    @bike-wala 3 месяца назад +4

    "Fast Food" to "Fast Code", that's real transformation

  • @magbear3205
    @magbear3205 3 месяца назад +3

    I'm starting to learn react native. Worked with React to create websites.
    How do you define the edges and styles of components? Is there a tool like browser devtools that displays all the styles and borders of components?

  • @Anghaejhie
    @Anghaejhie Месяц назад +1

    cool 🔥

  • @Abdzenq
    @Abdzenq Год назад +5

    Heavy

  • @c.sta2071
    @c.sta2071 2 месяца назад

    New subscriber 🎉

  • @Carlos-id7my
    @Carlos-id7my 11 месяцев назад +4

    Love this short videos

  • @ALEXJONES-sb8tc
    @ALEXJONES-sb8tc 3 месяца назад +2

    En mode Expert 🎉🎉 enjoy your application

  • @ALEXJONES-sb8tc
    @ALEXJONES-sb8tc 3 месяца назад +1

    J'ai une petite question, avec quelle exécutable vous travaillez 😅

  • @Piyush-ro9st
    @Piyush-ro9st Месяц назад +1

    i want to see your setup
    and which macbook is that?

  • @flying_salt
    @flying_salt 2 месяца назад +4

    Dustin's nerdy girlfriend making an app.

  • @baaghimichaelcreation7653
    @baaghimichaelcreation7653 4 месяца назад +5

    Stranger things music..... 😂

  • @Silver-nm2if
    @Silver-nm2if 10 дней назад

    What did u use to style that? The classes look similar to bootsrap

  • @devoni_com
    @devoni_com 4 месяца назад

    Did you use ready-made templates for the interface or were you designing the external appearance, brother?

  • @insanegamerz3512
    @insanegamerz3512 10 дней назад

    Bro which app you use for app design

  • @AlienBD
    @AlienBD 5 месяцев назад

    Elite bgm

  • @mrousavy
    @mrousavy 2 месяца назад

    🔥

  • @MiracleDankwah
    @MiracleDankwah 4 месяца назад +13

    What extension displays the phone.

  • @JaniYa23
    @JaniYa23 22 дня назад +1

    Stranger Things😍❤️

  • @stefanmzp
    @stefanmzp 12 дней назад

    I'm a beginner, can someone explain how did he get the color gradients or the UI boxes?

  • @LivhuWaniWisdom
    @LivhuWaniWisdom Месяц назад +1

    How long did it take you

  • @Lol-gq4ce
    @Lol-gq4ce 7 месяцев назад

    very cool

  • @abdulmalikadebayo8572
    @abdulmalikadebayo8572 Год назад +1

    Let me be the first to comment, this is awesome, I can't wait to see the tutorial.

    • @codewithnomi
      @codewithnomi  Год назад

      here is the tutorial:
      ruclips.net/video/x5hX06YdRvI/видео.html

    • @ShamsulHaq313
      @ShamsulHaq313 8 месяцев назад

      @@codewithnomiThe link is showing that video isn’t available?

    • @hXEdit_
      @hXEdit_ 7 месяцев назад

      ​@@codewithnomi video isn't available

  • @JeRvln1416
    @JeRvln1416 3 месяца назад

    Just to know as a junior, what computer do you use ? Like the brand

  • @memedakwah177lovepalestina
    @memedakwah177lovepalestina 22 дня назад

    Na bro is so good animation

  • @kennethcorpuz1901
    @kennethcorpuz1901 24 дня назад

    do the mobile at the side an vs code extension?

  • @YoYochannel-db1hc
    @YoYochannel-db1hc 3 месяца назад

    I love code

  • @hitsgamingparadise5243
    @hitsgamingparadise5243 9 месяцев назад +3

    Everytime I use nativewind .. it throws some errors and the app doesn't run. I use react native cli. If you can help me please comment I will send repo link with screenshots.

  • @grimaldjatlineur
    @grimaldjatlineur 13 дней назад

    😮

  • @zalzael
    @zalzael 17 дней назад

    what's the name of the right display?
    to show the prototipe with live editing 😅

  • @mal2204
    @mal2204 Месяц назад

    i’ve been coding consecutively for 6 months i don’t think im ever gonna get this far this is unreal

  • @usamamalik3672
    @usamamalik3672 Месяц назад

    ❤❤❤

  • @yellowbebo
    @yellowbebo Месяц назад

    Oh that's fast alright

  • @user-zx3zt6vf2t
    @user-zx3zt6vf2t Месяц назад

    Can you tell me what programing language u used to make this app?

  • @pozzogaming
    @pozzogaming 6 месяцев назад

    Bhai tailwind to web dev me use hota hai na to app kaise mobile app dev me use kar rahe ho

  • @TorjoyDasGupto-fo9ps
    @TorjoyDasGupto-fo9ps 13 дней назад

    bro you coding that fine but how the left side sceen did work in app form in desktop version i can understand but how in app that happening

  • @Tashmimanam
    @Tashmimanam Месяц назад +1

    How to do that phone preview thingy on the corner

  • @_FX10_
    @_FX10_ 2 месяца назад

    Can u show tutorial

  • @russellpabz8678
    @russellpabz8678 17 дней назад

    What is the name or model of the computer monitor?

  • @LaCerezaCuriosaOficial
    @LaCerezaCuriosaOficial 2 месяца назад

    what program is?

  • @Yanasmr035
    @Yanasmr035 Месяц назад

    How do you use the progress where tour typing code and seeing the progress at the same time cuz I need to run mine every single time also what language is it?

  • @LambertxMc
    @LambertxMc 2 месяца назад

    How can we get the background Sir?

  • @reyesdf
    @reyesdf 5 дней назад

    Are you using api to get dummy data?

  • @majdalanini7711
    @majdalanini7711 9 дней назад

    What extension is being used to see on a. Phone

  • @sahil.77600
    @sahil.77600 Год назад +7

    Did you make back color from react-native-linear-gradient or its just a imageBackground ?????????

    • @goblin69_420
      @goblin69_420 4 месяца назад +1

      He doesn't know bro he just copied

  • @MinaMk587
    @MinaMk587 17 дней назад

    How setup the react native like you

  • @channelerroryt
    @channelerroryt 3 месяца назад +1

    can you make an app for me , where we can talk sir ?
    what are the charges , plz reply....

    • @codewithnomi
      @codewithnomi  3 месяца назад +2

      codewithnomi.dev@gmail.com

  • @alsabakhan6685
    @alsabakhan6685 19 дней назад

    How you made this please tell at which platform and which language

  • @bozbashh
    @bozbashh 6 месяцев назад

    what is app or plagin for mockup devices?!

  • @ooss748
    @ooss748 5 месяцев назад

    What is better course for react native pls

  • @maryabeso571
    @maryabeso571 2 месяца назад

    Do you code the app with swift for iOS ?

  • @Slurpz975
    @Slurpz975 9 дней назад

    What app is this I have to download it

  • @jaquesadv
    @jaquesadv 4 месяца назад

  • @aarushraj8934
    @aarushraj8934 2 месяца назад

    Are u using vs code or vs or android studio or xcode ?

  • @flying_salt
    @flying_salt 3 месяца назад

    The Duffer Brothers making an app

  • @Phiri-wu1eq
    @Phiri-wu1eq 4 месяца назад

    jeez my Guy😢You know your thing

  • @prestonschumacher1314
    @prestonschumacher1314 2 месяца назад

    Didn’t know you could make iOS apps with react

  • @alexlooking122
    @alexlooking122 6 месяцев назад +12

    Tell you what, coding UI it's easier than implementing logic, but that's where the rollercoaster ride begins 😂

    • @ezzeldinmahmoud2174
      @ezzeldinmahmoud2174 6 месяцев назад +7

      All is fun and games until we start adding logic and backend to app to make it hmmm an APP! 😂

    • @jaydeeppatil7936
      @jaydeeppatil7936 6 месяцев назад

      ​@@ezzeldinmahmoud2174 yes 😂

  • @Daily_combo099
    @Daily_combo099 3 месяца назад

    Bhai sikha do coding 🥲🥲

  • @Ujiliananth
    @Ujiliananth 3 месяца назад

    i am also an ios developer

  • @johnmubarik3430
    @johnmubarik3430 Месяц назад

    Which code editor is that??

  • @matiasesturillo1188
    @matiasesturillo1188 Месяц назад

    Buenas que puedo utilizar para ir viendo como va funcionando la app mientras voy codificado como el hace

  • @ariesnaval-cw4km
    @ariesnaval-cw4km Месяц назад

    how to have that mobile preview?

  • @Userfd111
    @Userfd111 3 месяца назад

    Mujhe bhi sikha do bhai

  • @FatihUZUNResmi
    @FatihUZUNResmi 7 дней назад

    Kodları varmı? 😅
    Şahane olmuş ellerine sağlık..

  • @hitarthmodi3600
    @hitarthmodi3600 Месяц назад

    How much ram on that Mac book?

  • @mkmoraba
    @mkmoraba 2 месяца назад

    How do i make my vs code to show that phone while i am coding

  • @user-wy2ew5pd9o
    @user-wy2ew5pd9o 3 месяца назад

    How can we get the full video

  • @SkillsGuru-1
    @SkillsGuru-1 3 месяца назад

    I want to learn guide me tips

  • @ImonHossain-pm5he
    @ImonHossain-pm5he Месяц назад

    Which IDE is this?

  • @mraloush8959
    @mraloush8959 6 месяцев назад +4

    bro hardcoded everything

    • @altairlight5729
      @altairlight5729 4 месяца назад

      😆

    • @BeginnersAcademy
      @BeginnersAcademy Месяц назад

      Thats what im saying. Integrating the backend and making backend design decisions is really the hardest part about any project.

  • @NITIN_SARVAIYA_2007
    @NITIN_SARVAIYA_2007 23 дня назад +1

    Please share me a source code???

  • @ashishvishwakarm5265
    @ashishvishwakarm5265 4 месяца назад

    Ye kese kiya bro side me code or baju me show hota he

  • @vis1
    @vis1 5 месяцев назад +9

    How do u get a live preview ?

    • @kylestewart6351
      @kylestewart6351 4 месяца назад +2

      I’m pretty sure they are using a vs code extension called live server, that’s what I use when I build websites

    • @Studywise_io
      @Studywise_io 3 месяца назад

      Vite lets you do that

    • @bernardobarbucci123
      @bernardobarbucci123 3 месяца назад

      @@Studywise_iohow? do i need to enable vsc? or some command in the terminal idk

  • @user-us6ug2hx9y
    @user-us6ug2hx9y 3 месяца назад

    how to add this ISO preview
    in to your monitor?

  • @AmeleAdegboyega-tu4kt
    @AmeleAdegboyega-tu4kt Месяц назад

    i want 1

  • @sanahejazirad
    @sanahejazirad 8 дней назад

    What is name of live debugger?

  • @ThruGod_
    @ThruGod_ 2 месяца назад

    How long did this take

  • @vsidiropoulos
    @vsidiropoulos 3 месяца назад

    Which app are you using ?