React JS Portfolio Website Using Tailwind CSS - Build & Deploy

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ม.ค. 2025

ความคิดเห็น • 598

  • @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 ปีที่แล้ว +1

      Bhaiya portfolio using html css

  • @agent9781
    @agent9781 ปีที่แล้ว +22

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

    • @yashpatel1O1
      @yashpatel1O1  ปีที่แล้ว +4

      thank you for watching :)

  • @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.

    • @yashpatel1O1
      @yashpatel1O1  2 ปีที่แล้ว +3

      I am glad you like my videos.

  • @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 11 หลายเดือนก่อน

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

  • @mrsoftwareengineer8688
    @mrsoftwareengineer8688 6 หลายเดือนก่อน

    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

  • @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

  • @NaveenShaunpinto
    @NaveenShaunpinto 9 หลายเดือนก่อน

    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!

  • @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

  • @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..

  • @devil_anse_jacoby
    @devil_anse_jacoby 2 ปีที่แล้ว +1

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

  • @shivankbatra5643
    @shivankbatra5643 ปีที่แล้ว

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

  • @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.

  • @GoodGuyHeffy
    @GoodGuyHeffy ปีที่แล้ว

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

    • @yashpatel1O1
      @yashpatel1O1  ปีที่แล้ว +1

      thank you for watching :)

  • @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 🙃

  • @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!

  • @gmmamunh1
    @gmmamunh1 6 หลายเดือนก่อน

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

    • @yashpatel1O1
      @yashpatel1O1  6 หลายเดือนก่อน +1

      I appreciate that!

  • @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 :)

  • @lakshminarasimhan5639
    @lakshminarasimhan5639 2 ปีที่แล้ว +1

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

    • @yashpatel1O1
      @yashpatel1O1  2 ปีที่แล้ว +1

      Thank you so much 😀

  • @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.

  • @jgdevelops8440
    @jgdevelops8440 2 ปีที่แล้ว

    you are legendary for actually going through docs.

  • @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 👨‍💻

  • @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!

  • @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? 🤔

  • @carloseduardocruzgomez6651
    @carloseduardocruzgomez6651 2 ปีที่แล้ว

    This is the best free software Ive seen. Respect.

  • @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!

  • @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

  • @ishanwijesingha4058
    @ishanwijesingha4058 2 ปีที่แล้ว

    bro you're crazy good. Keep grinding man.

  • @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

  • @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

  • @ikbalganss20
    @ikbalganss20 ปีที่แล้ว +1

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

  • @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.

  • @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

  • @iabbyshek
    @iabbyshek 3 หลายเดือนก่อน

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

  • @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 :)

  • @vahxs
    @vahxs ปีที่แล้ว

    Waiting for more videos, Bro!
    Awesome, awesome!

  • @AlphasoundSchool
    @AlphasoundSchool ปีที่แล้ว

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

  • @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!

    • @yashpatel1O1
      @yashpatel1O1  ปีที่แล้ว

      tailwind fix. h-screen to h-fit

  • @fotios4902
    @fotios4902 2 ปีที่แล้ว

    Man, this tailwind is awesome!

  • @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!!

  • @phaytep2268
    @phaytep2268 2 ปีที่แล้ว

    Nice work Yash, I actually enjoyed the tutorial.

    • @yashpatel1O1
      @yashpatel1O1  2 ปีที่แล้ว

      Thank you for watching ☺️

  • @chichitojuarez
    @chichitojuarez 2 ปีที่แล้ว

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

  • @mibalbert3835
    @mibalbert3835 ปีที่แล้ว

    You are amazing! Keep up the good work bro!

  • @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

  • @guilhermefulco6102
    @guilhermefulco6102 3 หลายเดือนก่อน

    Amazing video! Great Job!

  • @gustamtz
    @gustamtz 2 ปีที่แล้ว

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

  • @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.

  • @nipunamunasinghe
    @nipunamunasinghe 2 ปีที่แล้ว

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

  • @israel3953
    @israel3953 ปีที่แล้ว

    Duude, your didatic is amazing, congrats

  • @Zadok77
    @Zadok77 ปีที่แล้ว

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

  • @promax-ui2sx
    @promax-ui2sx ปีที่แล้ว

    Dude! ,the way of teaching superb mhan

  • @nadzirahabdrahman749
    @nadzirahabdrahman749 10 หลายเดือนก่อน

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

    • @yashpatel1O1
      @yashpatel1O1  10 หลายเดือนก่อน

      Glad it was helpful!

  • @Gikkou
    @Gikkou 2 ปีที่แล้ว

    I like the vibes you give when you talk

  • @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❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

  • @inranb
    @inranb 2 ปีที่แล้ว

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

  • @abirkhan6075
    @abirkhan6075 2 ปีที่แล้ว

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

  • @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

  • @manojkumarparuchuri5920
    @manojkumarparuchuri5920 2 ปีที่แล้ว

    Most underrated channel in react

  • @AlexTorres-gf8bz
    @AlexTorres-gf8bz 2 ปีที่แล้ว

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

    • @yashpatel1O1
      @yashpatel1O1  2 ปีที่แล้ว

      Sure. Thank you for watching

  • @anujkesarwani1051
    @anujkesarwani1051 ปีที่แล้ว

    Amazing stuff bro!

  • @jokeboat5585
    @jokeboat5585 ปีที่แล้ว

    The best tutorial tbh

  • @bertk3923
    @bertk3923 2 ปีที่แล้ว

    perfect. everything i needed for my portfolio. thank you

  • @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!))

  • @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!

  • @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

    • @yashpatel1O1
      @yashpatel1O1  2 ปีที่แล้ว

      Thanks a ton Majelis 😀

  • @di3inglife
    @di3inglife 2 ปีที่แล้ว

    great video man, thanks. enjoyed it.

  • @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 😂

  • @ninaplays960
    @ninaplays960 ปีที่แล้ว

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

  • @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.

  • @InsightfulAIAvenue
    @InsightfulAIAvenue 2 ปีที่แล้ว

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

  • @thepokecras774
    @thepokecras774 ปีที่แล้ว

    such an amazing tutorial!

  • @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)!!

  • @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.

  • @mridiot3828
    @mridiot3828 2 ปีที่แล้ว

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

  • @imprjde
    @imprjde ปีที่แล้ว

    This was Amazing!! WOW

  • @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 !!!!!!!!!!!!

  • @mustafakumshi7603
    @mustafakumshi7603 2 ปีที่แล้ว

    Nice Explanation, its very rare in hindi language

  • @AlIS_RavishAcharya
    @AlIS_RavishAcharya 11 หลายเดือนก่อน

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

    • @yashpatel1O1
      @yashpatel1O1  11 หลายเดือนก่อน

      Thank you so much 😀

  • @dr__ey
    @dr__ey ปีที่แล้ว

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

  • @julianvelez6563
    @julianvelez6563 ปีที่แล้ว +1

    Nice work bro ❤

  • @darkprotocol9630
    @darkprotocol9630 2 ปีที่แล้ว

    Very informative tutorial. Thanks man 🔥

  • @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 👨‍💻

  • @WildHowlYT
    @WildHowlYT 2 ปีที่แล้ว

    Amazing work mate. :)

  • @PratikBanger
    @PratikBanger ปีที่แล้ว

    Amazing tutorial dude really appreciated...

  • @promax-ui2sx
    @promax-ui2sx ปีที่แล้ว

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

  • @mohamedrghay2424
    @mohamedrghay2424 ปีที่แล้ว

    Broooo thank you so much , this was really helpful

    • @yashpatel1O1
      @yashpatel1O1  11 หลายเดือนก่อน

      Glad it helped

  • @adityagangrade9955
    @adityagangrade9955 ปีที่แล้ว +1

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

    • @yashpatel1O1
      @yashpatel1O1  ปีที่แล้ว +1

      Thank you for watching :)

  • @Bharat-lz5lh
    @Bharat-lz5lh ปีที่แล้ว

    Learned a lot from here

    • @yashpatel1O1
      @yashpatel1O1  ปีที่แล้ว +1

      Thank you for watching :)

  • @huzaifasaleem8390
    @huzaifasaleem8390 ปีที่แล้ว

    Did a really great job!!!!!!!!!!!!!!!

  • @thisshonrobert7605
    @thisshonrobert7605 9 หลายเดือนก่อน

    awesome stuff guys🥰

    • @yashpatel1O1
      @yashpatel1O1  9 หลายเดือนก่อน

      Thank you 🤗

  • @samjive
    @samjive 2 ปีที่แล้ว

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

  • @uminhtetoo
    @uminhtetoo ปีที่แล้ว

    Thank you so much for sharing your experience, Sir.

  • @Getready4AI
    @Getready4AI 6 หลายเดือนก่อน

    this is amazing even after 2yrs

  • @phamthang6558
    @phamthang6558 2 ปีที่แล้ว

    thanks for sharing, great tutorial ^^

  • @samuelstevenprismahasiyono1343
    @samuelstevenprismahasiyono1343 2 ปีที่แล้ว

    Nice Content !! keep up bro 🔥🔥

  • @creponnekarim2865
    @creponnekarim2865 ปีที่แล้ว

    love you man,
    thank you dearly

  • @michellerodriguez6733
    @michellerodriguez6733 2 ปีที่แล้ว

    loved your tutorial