React JS Portfolio Website Using Tailwind CSS - Build & Deploy

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

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

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

    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 Год назад +21

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

  • @denizkirca2823
    @denizkirca2823 Год назад +6

    I don't normally comment on videos, but this was honestly probably the most engaging + informative tutorial I've ever seen. I was really struggling to deploy my website before I saw this video, but you did such a good job of explaining it! Thank you so much!

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

      I am glad you enjoyed the video. It is easier to sit through long videos if they are fun and engaging.

  • @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 10 месяцев назад

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

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

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

    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!

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

    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 5 месяцев назад

      Have you completed the project bro now

  • @adityamarzuk5970
    @adityamarzuk5970 Год назад +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

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

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

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

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

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

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

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

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

    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.

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

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

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

    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.

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

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

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

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

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

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

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

    you are legendary for actually going through docs.

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

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

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

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

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

    Bro you are amazing person in my life first time i watched full tutorial i understand your video fully thanku so much 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

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

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

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

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

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

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

    I like the vibes you give when you talk

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

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

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

  • @adityagangrade9955
    @adityagangrade9955 11 месяцев назад +1

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

    • @yashpatel1O1
      @yashpatel1O1  11 месяцев назад +1

      Thank you for watching :)

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

    bro you're crazy good. Keep grinding man.

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

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

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

  • @tinytales.50
    @tinytales.50 Год назад +1

    If could complete the project with Backend as well then it will be very helpful for the beginners

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

    Dude! ,the way of teaching superb mhan

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

    Most underrated channel in react

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

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

    Waiting for more videos, Bro!
    Awesome, awesome!

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

    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  Год назад +1

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

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

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

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

    Man, this tailwind is awesome!

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

    Nice Explanation, its very rare in hindi language

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

    this is amazing even after 2yrs

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

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

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

    Amazing video! Great Job!

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

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

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

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

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

    Duude, your didatic is amazing, congrats

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

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

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

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

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

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

    Still 2024 & One of the best portfolio 🫡🫡

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

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

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

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

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

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

    You are amazing! Keep up the good work bro!

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

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

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

    Bro It was amazing stuff no doubt but One thing you missed in this project , the Social Links for Small Screen's

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

      i have other videos where I may have covered them

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

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

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

    Nice work bro ❤

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

    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  5 месяцев назад

      Thank you for your kind comment

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

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

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

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

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

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

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

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

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

    Amazing stuff bro!

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

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

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

    perfect. everything i needed for my portfolio. thank you

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

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

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

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

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

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

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

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

    awesome stuff guys🥰

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

    great video man, thanks. enjoyed it.

  • @Bharat-lz5lh
    @Bharat-lz5lh 11 месяцев назад

    Learned a lot from here

    • @yashpatel1O1
      @yashpatel1O1  11 месяцев назад +1

      Thank you for watching :)

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

    Thank you so much for sharing your experience, Sir.

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

    Thank you so much for giving amazing content In Experience Component we might not give height as full it might overlap in mobile devices....

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

    Well lockdown started with Blender but since my laptop can't handle it, I've relocated

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

    I live in Brazil, great job.

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

    Very informative tutorial. Thanks man 🔥

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

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

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

    Amazing work mate. :)

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

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

    Amazing tutorial dude really appreciated...

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

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

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

    looks great but problem is with 1) css on small screens and also adding links to portfolio demo and code