React JS Portfolio Website Using Tailwind CSS - Build & Deploy

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

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

  • @JackGlazerGuitar
    @JackGlazerGuitar 2 года назад +66

    Dude, you would kill it as an instructor. You're engaging, thorough and funny. Awesome work man!

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +7

      Your comment made my day. Thank you for watching 💪

    • @adityaraj-zm7zk
      @adityaraj-zm7zk 2 года назад +1

      Bhaiya portfolio using html css

  • @agent9781
    @agent9781 Год назад +24

    i learned more from this than a generic 20 hour of udemy react course. you are a brilliant teacher. thank you, Yash!

  • @jgdevelops8440
    @jgdevelops8440 2 года назад +14

    6 minutes in and I can already tell you really love what you do. It's refreshing hearing someone who's not a con (I'm looking at you Qazi), genuinely excited about web dev. Thank you. Definitely got my like and subscription.

  • @vantablack2709
    @vantablack2709 2 года назад +8

    Dude you are my hero. I was looking for a portfolio tutorial since 1 month ago and there isn't anything like this. You are the best, thank you so much for sharing this.

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      Glad I could help!

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

      hey , how are you doing .
      can I text you I want to ask you about questions in react if you don't mind

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

    Dude!! I'm still in half way in this project and I just love the way you explain everything through each step, your personality is fire!! you're a star my man, your knowledge is impressive and the way you do things sound super easy!! super inspiring! got to be good as u are one day! congratzzz and massive respect.

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

      Have you completed the project bro now

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

    You explain the things so well that i decided to put the video on normal speed when i normally use 1.5

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

    What keeps me going in these 2 hours was your excitement towards the technology. Amazing videos, thank you so much.

  • @adityamarzuk5970
    @adityamarzuk5970 2 года назад +1

    I watch other videos about tailwind and react but for me there's no other Better than you,it's easy to understand by the way you teach ser, you really show us what every element do

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

    Dude this tutorial is amazing! Please keep making content, I learned a lot from this video and at last I got to build my web portfolio. Thanks a lot!!
    Greetings from Spain!

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

      Yes. Working on new videos and a course. Stay tuned 🙃

  • @camiloescobar3597
    @camiloescobar3597 2 года назад +3

    Man this tutorial along with the Weather App are great! Really love what you make with React + Tailwind. Thanks a lot!

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      I am glad that you like my tutorials 😊. Thank you for watching.

  • @devil_anse_jacoby
    @devil_anse_jacoby 2 года назад +1

    You are a natural instructor, so easily digestible , thanks for the great job !!!!

  • @shivankbatra5643
    @shivankbatra5643 2 года назад

    half an hour in and I am hooked completely! thanks for this tutorial

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

    at first i went to some other portfolio video . I couldn't understand much because there was no explanation, its just a video. then i came here , its just 8 mins and i can say your explanation is top notch!

  • @WiseManCOD
    @WiseManCOD 2 года назад +1

    5 minutes in, I really like your excitement towards web dev. I subbed and liked!

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      Thank you 😃. Welcome to the family 👨‍💻

  • @FaizanKhan-gfaizank
    @FaizanKhan-gfaizank Год назад

    Amazing tutorial bro, very engaging as well... I must say not for a single second I felt like I got bored... Loved it fully :)

  • @julienheng3880
    @julienheng3880 2 года назад

    I tried to follow and learn from several youtube tutorials but you are by far the best. You are very engaging, informative and patient. Thank you very much for making this video. I look forward to more of your great videos!

  • @lakshminarasimhan5639
    @lakshminarasimhan5639 2 года назад +1

    Yeah, man i have'nt seen this type of clearly understandable tutorial & his way of teaching , Dude you are Great 🔥

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

    I'm just 20 minutes in the project video, Its just amazing..... really very very thanks to this tutorial, that just like in my mind what I need........... Thank You !................... Stay Blessd..

  • @Abogida11
    @Abogida11 2 года назад

    I already been Learning tailwind these days, but the tips and tricks u are giving are wow, you are an underrated gem, and you deserve my subscription.

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

    This video has taught me more about React than any tutorial I've taken. Thanks Yash!!!!!!

  • @cuentamovil456
    @cuentamovil456 2 года назад

    Thanks for the video, you are a great discovery man! Looking forward to watching all your other videos so please keep them comming!

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

    One of the best tutorials ive seen and the .map trick is very cool

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

      Thank you. map is amazing.

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

      i enjoyed learning .map as well very cool tool!

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

    Brother, your persuasiveness is amazing. This is the best video I have ever seen on RUclips. Hope to get more such project based videos. Take love from Bangladesh.

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

    Thank you for this, I learned so much in this journey. The techniques that you do is fascinating. Im going to start to Weather app now

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

    You are great brother keep this coming. With short and sweet explanations It was very easy for me to build this site with you from the scratch. Thank you so much

  • @jgdevelops8440
    @jgdevelops8440 2 года назад

    you are legendary for actually going through docs.

  • @VIGNESHG-jj4ej
    @VIGNESHG-jj4ej Год назад

    i watched lot of tutorials but this is the video which has explanation for every single code thank you brother keep rocking and keep doing brother❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

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

    Been looking for a good react tutorial and this is the place where I found the best one. I understood everything.. Thank you for making this video

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

    Thank you for those of you who have given a very good tutorial to make the portfolio🥰

  • @abhipraychavan
    @abhipraychavan 2 года назад +1

    Thank you for such informative and simple yet best video of developing a portfolio in react and tailwind. Looking forward for great content from you in future. Once again Thanks :)

  • @creativetech9050
    @creativetech9050 2 года назад

    unbelievably well explained...to the point, no wafsofte wafsofte chat...you´re the dude ..thanks!

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      I am glad that you liked the explanation. What does wafsofte mean? 🤔

  • @mamosebetsikekae5921
    @mamosebetsikekae5921 2 года назад +3

    Hi Yash, i just want to say what a beautiful project, thank you soo much!...and the way you are soo enthusiastic about Tailwind and the project itself, made me smile😊..especially when coming to those icons😊.. its beautiful to watch..😊..i now want to learn Tailwind as well..😀

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      Your comment made my day!! Thank you 😊. You should definitely learn Tailwind. Once you start using Tailwind there is no going back.

  • @ishanwijesingha4058
    @ishanwijesingha4058 2 года назад

    bro you're crazy good. Keep grinding man.

  • @manojkumarparuchuri5920
    @manojkumarparuchuri5920 2 года назад

    Bro you are amazing person in my life first time i watched full tutorial i understand your video fully thanku so much bro

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

    I really appreciate your help, buddy! This tutorial has been incredibly inspiring for me. Keep up the great work!

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

    After watching 4 minutes i am feeling like I'll watch full video and definitely will try to make one portfolio ❤️ great work buddy

  • @stepanslyvka9792
    @stepanslyvka9792 2 года назад +1

    Great tutorial! Thanks for this video. I've learned a lot about Tailwind(I've never used it before) and really enjoyed the process of development. I would like to use this React app as my portfolio website and I will do it! Just want to modify and add a few things: hamburger menu animation, typing animation of who I am(at home page it will change from I am Front end developer to I am student, etc.), add some hover on menu items, add arrow on bottom of the screen to get back to the home page when you scroll down, some animation of content showing up when you scroll to it and footer with menu and year + form validation for contact section. But, in overall I really liked to follow you up. Everything was clear and simple :) Really, thank you very much! I think I'll contact you and show you the result later ;)

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      awesome. Looking forward to see what you build.

  • @gustamtz
    @gustamtz 2 года назад

    Awesome, bro!!! thank you so much. Like from Brazil

  • @katmusic3725
    @katmusic3725 2 года назад

    Hi Yash! Thank you so much for that great video! I'm making peace with JS and React, all thanks to you! I've learned a lot.
    Only thing I couldn't fix yet is the responsitivity on small screens, but no big deals, I'll find the way! Thanks a lot!!

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      It should be fairly simple. change it to h-fit instead of h-screen.

    • @katmusic3725
      @katmusic3725 2 года назад

      @@yashpatel1O1 You're a STAR!! It did fixed it!!! Thank you so much!!! Can't wait to learn more with you Mate!! Keep it up! I love your energy!!

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

    took me 6hours to complete it, did some minor ui changes. Also Enjoyed building it. ThankYou💝

  • @chichitojuarez
    @chichitojuarez 2 года назад

    This is exactly what I was looking for. Thank you so much! Following!

  • @nadzirahabdrahman749
    @nadzirahabdrahman749 11 месяцев назад

    I learned a lot from your video. Thank you! You're a excellent tutor :)

  • @mrsoftwareengineer8688
    @mrsoftwareengineer8688 7 месяцев назад +1

    34:45 -> navbar ended here, Home section starts
    1:05:49 -> About section starts from here
    1:09:34 -> portfolio section starts from here
    1:24:02 -> Experience section
    1:37:01 -> contact section

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

    Waiting for more videos, Bro!
    Awesome, awesome!

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

    A Huge like...
    Continue this way.
    awesome guys, awesome !! 😄😄😄

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

      awesome indeed. Thank you for watching :)

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

      @@yashpatel1O1 Keep it up, man!

  • @carloseduardocruzgomez6651
    @carloseduardocruzgomez6651 2 года назад

    This is the best free software Ive seen. Respect.

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

    Yash!!! Fantastic job. Really useful to me! I learned a ton. Now there is one issue. But that is not bad. Good to make us work to figure it out and fix it. The issue is the the sections overflow each other when viewed on an actual smartphone (not emulator) S22+. I will write you when I figure it out. Also, I plan to add routing to support project detail pages. Rock On Yash!

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

    Thanks for this video, it helpme a lot with my porfolio, Greetings from Colombia.

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

    Thank you so much! You really helped me a lot😊 with my first site-portofolio. You explain difficult themes like work with React component so easily and give useful resources and advices! So, I ask You please dont stop shoot more and more such awesome videos!))

  • @nipunamunasinghe
    @nipunamunasinghe 2 года назад

    Thank you so much! You're the best. Need more tutorials. Easy to understand

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

    You are amazing! Keep up the good work bro!

  • @abirkhan6075
    @abirkhan6075 2 года назад

    Thanks bro for the enthusiastic tutoring of a great project! I made mine based on yours 👊🏼

  • @phaytep2268
    @phaytep2268 2 года назад

    Nice work Yash, I actually enjoyed the tutorial.

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

    Awesome work and teaching ! Thank you so much for everything you do !

  • @majelisahadpagi-drjj6245
    @majelisahadpagi-drjj6245 2 года назад

    Now I understand how to make loops and export everytNice tutorialng really god bless you.. your way of explaining simply aweso I loved it

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

    Thanks Man for this amazing Portfolio. Please make some more Fullstack projects. It will help us too much❤🙌

  • @mridiot3828
    @mridiot3828 2 года назад

    Thanks man. This really helped a lot. A lot of love from me.🥰😘

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

    Bro, Superb explanation and Teaching, Really i became fan for your explanation bro❤

  • @fotios4902
    @fotios4902 2 года назад

    Man, this tailwind is awesome!

  • @Gikkou
    @Gikkou 2 года назад

    I like the vibes you give when you talk

  • @promax-ui2sx
    @promax-ui2sx Год назад

    Dude! ,the way of teaching superb mhan

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

    Nice work bro ❤

  • @sunayraj
    @sunayraj 2 года назад +1

    great content explained in a simple way.. ❤️ Thank you so much brother for the knowledge .

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      Thank you Sunay 😊. Stay tuned for more content just like this.

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

    Thanking and reviewing it in your style: "Awesome!! Awesome Stuff!!" Btw I am living too near Sarkhej.. Would be happy to meet you Bhaiya. Thanks a lot for the projects.

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

      Send me an email: yashpatel26@gmail.com

  • @AlexTorres-gf8bz
    @AlexTorres-gf8bz 2 года назад

    Great video!!! I´ll be using your design for my own portfolio. Thanks for the video brother.

  • @ninaplays960
    @ninaplays960 2 года назад

    Thank your for this amazing job Yash ! I will use it to train using React ans Tailwind, and also making my own Portfolio

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

    Amazing video! Great Job!

  • @promax-ui2sx
    @promax-ui2sx Год назад

    Dude! , you are Amazing, god bless u.
    😍

  • @manojkumarparuchuri5920
    @manojkumarparuchuri5920 2 года назад

    Most underrated channel in react

  • @inranb
    @inranb 2 года назад

    Thank you for this, you've saved me countless hours

  • @bertk3923
    @bertk3923 2 года назад

    perfect. everything i needed for my portfolio. thank you

  • @di3inglife
    @di3inglife 2 года назад

    great video man, thanks. enjoyed it.

  • @DB-dk2mj
    @DB-dk2mj 2 года назад

    Thank, man! You help me a lot! From Russia with love!

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      I am happy that you liked it. 😊

    • @DB-dk2mj
      @DB-dk2mj 2 года назад +1

      @@yashpatel1O1 my friend I have a question - can I replace buttons in card with tag, to pass my links? Or adding a function and onklick in a button is better?

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      You can change it to a tag. But make sure to style it accordingly.

    • @DB-dk2mj
      @DB-dk2mj 2 года назад

      @@yashpatel1O1 thanks for such Quick respond)!!

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

    You are simply amazing, bro! I can't thank you enough. Thank you so much for this guidance. I really appreciate the way you explain things. I laughed so many times. Please continue to upload tutorials like this. Best of luck! 🥰🤩😍

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

    Amazing content. Really helped me in building a own portfolio.

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

      Thank you again 🥲. Are you binge learning react? 🤣

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

      @@yashpatel1O1 😂

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

    Duude, your didatic is amazing, congrats

  • @asthakumari2057
    @asthakumari2057 2 года назад +1

    It's amazing. Thanks for sharing. Please do create some more stuff using React and Tailwind.

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      Thank you for watching. Sure will be making some cool stuff.

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

    Thankyou for this ❤❤.
    Your way explaining things is very easy to understand...
    Please this is my request, bring Next.js full series with project..

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

      Thank you for your kind comment

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

      @@yashpatel1O1 please next.js ki series bhi banaiyee..
      With project..

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

    thank you so much for this!!! was so helpful :)

  • @samjive
    @samjive 2 года назад

    "And just copy the whole damn thing" this killed me 🤣

  • @mustafakumshi7603
    @mustafakumshi7603 2 года назад

    Nice Explanation, its very rare in hindi language

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

    this is amazing even after 2yrs

  • @WildHowlYT
    @WildHowlYT 2 года назад

    Amazing work mate. :)

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

    Amazing stuff bro!

  • @InsightfulAIAvenue
    @InsightfulAIAvenue 2 года назад

    Interested for beginners, i learned a lot from you... Thank you.

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

    Hi! Great work friend!
    Can anyone fix de responsive problem for de mobiles? por ej in iphone 12. it has overflow of the components.

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

      thank you for watching. h-screen to h-fit

  • @sandhyasubudhi3941
    @sandhyasubudhi3941 2 года назад +3

    Thank you for the amazing video, when I tried it was not getting responsive for small screen size and when I cloned your project and tried, I observed its same in your project as well ...Is it responsive for small screen/medium screen size?

  • @darkprotocol9630
    @darkprotocol9630 2 года назад

    Very informative tutorial. Thanks man 🔥

  • @chanmyaemin8494
    @chanmyaemin8494 2 года назад +1

    Thanks very clear sir,
    LinkedIn,Mail and GitHub tab can't available sir, is right?
    how can i add these sir

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      add them to array and create a tag.

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

    Amazing tutorial dude really appreciated...

  • @ahmetcanekinci6006
    @ahmetcanekinci6006 2 года назад

    What a nice portfolio, i will use this. Thank you soo much :)

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +1

      I am glad that you liked it. Thank you Ahmet 😃

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

    Done with my own portfolio very-helpful thank you !!!!!!!!!!!!

  • @Bharat-lz5lh
    @Bharat-lz5lh Год назад

    Learned a lot from here

  • @symanhnguyen6631
    @symanhnguyen6631 2 года назад

    1:03:15 i added curly brackets to className but got error, please help me answer this question, thank you very much

    • @yashpatel1O1
      @yashpatel1O1  2 года назад

      Please compare the code on github. It will help you see the difference.

    • @symanhnguyen6631
      @symanhnguyen6631 2 года назад

      @@yashpatel1O1 thank you so much, i fixed success

  • @tejusgroup6695
    @tejusgroup6695 2 года назад

    Hi Rock Star awesome portfolio, understanding tailwind CSS, its amazing and React also superb!!!
    i have one request/suggestion plz increase sound, its too low. Happy Coding Yash Brother

    • @yashpatel1O1
      @yashpatel1O1  2 года назад +2

      Thank you Tejas 😊. Sure, I will work on to improve sound. Happy Coding 👨‍💻

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

    Hi Yash,
    ERROR in ./src/App.js 14:35-41
    export 'default' (imported as 'NavBar') was not found in './components/NavBar' (module has no exports)
    i'm getting above error, could you please tell how to solve
    App.jsx
    import NavBar from './components/NavBar';
    function App() {
    return (
    bobby

    );
    }
    export default App;

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

      did you rename your component or the file?

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

    Broooo thank you so much , this was really helpful

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

    such an amazing tutorial!

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

    Really good teacher ❤

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

    Very good stuff bhai 😂🙏