React Course - City Tours Project

Поделиться
HTML-код
  • Опубликовано: 11 окт 2024

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

  • @sribalajiarumugam7632
    @sribalajiarumugam7632 4 года назад +1

    All the other youtube channels they can teach basic and advance concepts..but you can teach lot of thing's in projects level for free thank you for giving all your knowledge spread out the world...Thank you buddy

  • @ghabiman
    @ghabiman 4 года назад +4

    probably one of the best tutorials that I've seen yet on react yet, I'm about to binge all other ones. You sir are the MVP 😎!

  • @windbreezetv
    @windbreezetv 5 лет назад +8

    I appreciate your channel so much. I am not skipping commercials

  • @theegreatestever2420
    @theegreatestever2420 4 года назад +1

    Just finished this. Gonna be styling it and the other two apps before moving on to the hooks project

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

    Thank you very much for your tutorial, that was fantastic. well done

  • @jamshidkarimov1021
    @jamshidkarimov1021 4 года назад +1

    first thing first, thank you very much sir!) Your tutorials are very helpful, understandable and pleasant

  • @kiran-hh4tq
    @kiran-hh4tq 5 лет назад +1

    Great work sir, thank you for sharing knowledge. We need more projects from you :)

  • @yogadiary8584
    @yogadiary8584 4 года назад +1

    Such a good teacher!

  • @jasonhuang4333
    @jasonhuang4333 3 года назад +1

    Amazing work! Thank you sir

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

    Codding Addict and Traversy Media is ❤

  • @duoyizhang4665
    @duoyizhang4665 3 года назад +1

    A very nice tutorial! Thx

  • @yuvisaran
    @yuvisaran 5 лет назад +1

    Awesome thank you!

  • @toluwani373
    @toluwani373 5 лет назад +1

    Awesome, I love ur tutorial... Plz Keep it up

  • @mohamed197571
    @mohamed197571 5 лет назад +2

    hello MR/ john , It's really helpful project so all what i wanna say THANK YOU !

  • @marcoonlinetv7769
    @marcoonlinetv7769 5 лет назад +1

    Awesome !

  • @MinhTran-cz6gi
    @MinhTran-cz6gi 4 года назад

    really a great course, thank you so much!

  • @Razephon
    @Razephon 5 лет назад +1

    That was great thank you!

  • @soumitamajumder2697
    @soumitamajumder2697 3 года назад +1

    I really liked it... explanation is very good 🔥🔥

    • @CodingAddict
      @CodingAddict  3 года назад +1

      Glad you liked it! It's very old though

    • @soumitamajumder2697
      @soumitamajumder2697 3 года назад

      @@CodingAddict for me it's new cz I just first time watched😎😎..but to be honest new or old is not matterful for me . What matters is your explanation and good way of presenting it..I am in learning phrase and I am enjoying your videos ..thanks 👍👍..keep doing the good work...☺️☺️

    • @CodingAddict
      @CodingAddict  3 года назад +1

      Thank you!

  • @mpjwebsign9930
    @mpjwebsign9930 4 года назад

    Thank you so much this project. it is really good project. i like it sort time project. Thanks again.

  • @nabilfannane7217
    @nabilfannane7217 5 лет назад +1

    MAAAAN !! you literally saved my life with, Thanks a LOOOT

  • @pradeepchandra7045
    @pradeepchandra7045 4 года назад

    john when you types something wrong and enters correct it makes me laugh hard and i reailizes that those mistakes teach me good understanding about that anyway propably you are the best!!

  • @palachokrab5711
    @palachokrab5711 5 лет назад

    thanx for sharing

  •  4 года назад +2

    Impressive! Thank you, sir.

  • @mohammadanarul624
    @mohammadanarul624 5 лет назад

    thank you so much...

  • @AbhishekKumar-mq1tt
    @AbhishekKumar-mq1tt 5 лет назад

    Thank u for this awesome video

  • @МаксимНырков-у6г
    @МаксимНырков-у6г 5 лет назад

    Дружище, спасибо!!!!!

  • @nikhiljindal4580
    @nikhiljindal4580 4 года назад +1

    okay so after the completion of the app , when i click on info , a blank grey space appears for the rest of the cards as well , please help to solve this

  • @tuhidulislammridul3126
    @tuhidulislammridul3126 5 лет назад

    best sir

  • @TheMagicShade
    @TheMagicShade 4 года назад +1

    nice Project i likes it. Ich have a Question. I´m using VS Code too and if i work on a React Project emmet dosn´t work in js Files. do you know why?

    • @nwawuikeobinna5709
      @nwawuikeobinna5709 4 года назад

      Hi, try using jsx instead of js... if that dosen't work at the bottom of vs code where you have spaces, Golive and so.. you'll see javascript, click on it then type React it will definitely work.

  • @nirobrasseen818
    @nirobrasseen818 5 лет назад

    I published a repo from GitHub. I used some API to fetch data. It works correctly in my pc but netlify can not fetch data from those sites. Why and how can I fix it?

  • @phamhung90
    @phamhung90 5 лет назад

    Thanks a lot, I not find link video TuT Room Search (Filter) ?

  • @deiaaaaaaaaa9384
    @deiaaaaaaaaa9384 5 лет назад

    Hi, thank to make this project, i can learn a lot from here. but, I have trouble about fontawesome, in my computer it can't appear about the link like your. May you help me?

  • @lucasgomez3531
    @lucasgomez3531 4 года назад

    There is a bug. Check 1:32:03 when you click +info the next card is open as well, not showing info though. Great tutorial anyway! i have been doing a lot of yours tutorials

    • @CodingAddict
      @CodingAddict  4 года назад

      It's not a react thing, it's a default behavior for css grid.

    • @lucasgomez3531
      @lucasgomez3531 4 года назад

      @@CodingAddict Good to know! Thanks for answering!

  • @abd11868
    @abd11868 5 лет назад +1

    Why use index.js in tourlist component instead of tourlist.js...its make m confuse... please clear this

    • @Dgiulian
      @Dgiulian 5 лет назад +1

      To make it easier to import the component. You can write './components/TourisList' instead of './components/TourisList/TourisList'

  • @eslamabuamer9788
    @eslamabuamer9788 5 лет назад

    thank you sir for this effort, and i have an inquire about scss file because it not compiled or make any effects with root page , could you tell me if it need specific configuration or any details because i was trying to do some solution but unfortunately fails
    and best wishes

  • @nenadstojkovic3219
    @nenadstojkovic3219 5 лет назад +1

    there is some mistake for span, I follow course and when I press on span for info all tours have drop menu and selected tour have Lorem text. How to make single info for selected tour? You can see that on 0:26 sec and problem on 1:32:02

  • @VincentOldMark
    @VincentOldMark 4 года назад +1

    on larger widths when i open up infos it opens up for all of them?? i'm working on it..

    • @CodingAddict
      @CodingAddict  4 года назад +1

      I used css grid and that's a default behavior for columns.

    • @VincentOldMark
      @VincentOldMark 4 года назад +2

      @@CodingAddict i think i just gaved the .tour class a height of fit-content

  • @abazmemeti
    @abazmemeti 5 лет назад

    Same project in VueJS framework
    github: github.com/abazmemeti/vuejs-city
    netlify: vuejs-city-tour.netlify.com/

  • @mardikagop9346
    @mardikagop9346 5 лет назад

    Thank you man ... really helpful project.

  • @SF-yd9cl
    @SF-yd9cl 5 лет назад

    sir need more full project like ecoomerce

  • @cze555
    @cze555 4 года назад

    why did you delete react recipe project video?i was in middle of it :)

  • @deepakaggarwal7257
    @deepakaggarwal7257 3 года назад

    can anyone tell me why is grid-template-columns not working?

  • @kadirramazn
    @kadirramazn 3 года назад

    When i set the boolean state to true, all the items are shown how can i fix this?

  • @dipashaha6426
    @dipashaha6426 5 лет назад +1

    my style isnt showing.please help

  • @ranjuj
    @ranjuj 4 года назад

    I am getting error as ' identifier Navbar has already been declared in Navbar js'

  • @topnotchvault2055
    @topnotchvault2055 4 года назад

    Please make angular tutorial and project in udemy

  • @DA_Karas
    @DA_Karas 5 лет назад

    Don't we need to create media queries for the navbar too? My Navbar elements fly off the page as the screen becomes smaller.

    • @CodingAddict
      @CodingAddict  5 лет назад +1

      Since navbar has no functionality, I did not worry about it being responsive. If that is the case (links fly off the page) - yes you should add some css.

    • @DA_Karas
      @DA_Karas 5 лет назад

      @@CodingAddict Can you show how to add the media queries? I'm still learning CSS.

    • @CodingAddict
      @CodingAddict  5 лет назад +1

      Please watch my html/css video
      ruclips.net/video/V5rIPKzcX7Q/видео.html

    • @DA_Karas
      @DA_Karas 5 лет назад

      @@CodingAddict Thank you! I'm so grateful!

  • @mjdtoto615
    @mjdtoto615 4 года назад

    How can you stop the npm server like that 11:11?

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

    facing error while installing node-sass package

  • @shafaatakhunzada8081
    @shafaatakhunzada8081 5 лет назад

    very good tutorial but sometimes your voice slow down and i can't understand it. please work on it . thanks

  • @salaheddineberrhou
    @salaheddineberrhou 5 лет назад +1

    hi do you have a react course in udemy. and can you please do more javascript projects

    • @CodingAddict
      @CodingAddict  5 лет назад

      Dont have the course yet. There will be more javascript projects in the future

  • @abdulhafizahmed6389
    @abdulhafizahmed6389 5 лет назад

    I created my React from scratch using Webpack then followed this tutorial but Netlify won't show my images. I followed the instructions here: www.netlify.com/docs/large-media/ but still the same. It displays on my local host when I open the bundled main.js. Is there something I did wrong? Here is my page: city-tour-project.netlify.com/

  • @azadabdullahshaheed
    @azadabdullahshaheed 5 лет назад

    Your tutorial is vary need but code show is not well when watching.

  • @afreenroohi224
    @afreenroohi224 3 года назад

    Sir from where we'll get the data file

  • @amguruprasath8037
    @amguruprasath8037 5 лет назад +4

    You could have just given us the CSS codes. It would have brought a lot of focus on React and would have cut short the video by 70%. Anyways great video thanks.

  • @aamirrao9338
    @aamirrao9338 5 лет назад

    npm i node -sass--save is unable to install please tell me about it .

    • @glastondsouza9596
      @glastondsouza9596 5 лет назад

      If Your npm is not working properly then you can try installing an VS code Extention called Live Sass Compiler its much Easier than this

  • @Andrew-ct8so
    @Andrew-ct8so 5 лет назад

    Now time do some Angular projects and tutorials. What are you think?

  • @moylababa8196
    @moylababa8196 5 лет назад +2

    Too much time wasting css though it's not a css tutorial