React JS Portfolio Website Using Tailwind CSS - Build & Deploy

[@JackGlazerGuitar]

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

[@yashpatel1O1]

Your comment made my day. Thank you for watching 💪

[@adityaraj-zm7zk]

Bhaiya portfolio using html css

[@agent9781]

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

[@yashpatel1O1]

thank you for watching :)

[@jgdevelops8440]

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]

I am glad you like my videos.

[@mrsoftwareengineer8688]

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

[@vantablack2709]

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]

Glad I could help!

[@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]

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]

Have you completed the project bro now

[@NaveenShaunpinto]

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]

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

[@_aidenli2956]

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

[@yashpatel1O1]

Glad you enjoyed it!

[@adityamarzuk5970]

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

[@yashpatel1O1]

Thank you

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

[@yashpatel1O1]

thank you for watching

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

[@yashpatel1O1]

Thank you so much 😀

[@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]

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

[@shivankbatra5643]

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

[@yashpatel1O1]

Glad you enjoyed it!

[@camiloescobar3597]

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

[@yashpatel1O1]

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

[@devil_anse_jacoby]

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

[@yashpatel1O1]

I appreciate that!

[@julienheng3880]

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!

[@yashpatel1O1]

Thank you Julien :)

[@gmmamunh1]

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

[@yashpatel1O1]

I appreciate that!

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

[@yashpatel1O1]

Thank you ☺️

[@lakshminarasimhan5639]

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

[@yashpatel1O1]

Thank you so much 😀

[@WiseManCOD]

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

[@yashpatel1O1]

Thank you 😃. Welcome to the family 👨‍💻

[@GoodGuyHeffy]

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

[@yashpatel1O1]

thank you for watching :)

[@cuentamovil456]

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

[@yashpatel1O1]

Thanks, will do!

[@jgdevelops8440]

you are legendary for actually going through docs.

[@yashpatel1O1]

Thank you :)

[@SerafinBGG]

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

[@yashpatel1O1]

Thank you. map is amazing.

[@BrianKarmo]

i enjoyed learning .map as well very cool tool!

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

[@yashpatel1O1]

Thank you :)

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

[@yashpatel1O1]

Glad it helped

[@stepanslyvka9792]

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]

awesome. Looking forward to see what you build.

[@carloseduardocruzgomez6651]

This is the best free software Ive seen. Respect.

[@yashpatel1O1]

Thank you :)

[@creativetech9050]

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

[@yashpatel1O1]

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

[@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]

tailwind fix. h-screen to h-fit

[@mamosebetsikekae5921]

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]

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

[@ikbalganss20]

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

[@yashpatel1O1]

It's my pleasure

[@ishanwijesingha4058]

bro you're crazy good. Keep grinding man.

[@yashpatel1O1]

Appreciate it

[@iabbyshek]

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

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

[@yashpatel1O1]

Glad it helped!

[@fame4263]

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

[@vahxs]

Waiting for more videos, Bro! Awesome, awesome!

[@yashpatel1O1]

More to come!

[@abhipraychavan]

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

[@yashpatel1O1]

Glad it was helpful!

[@manojkumarparuchuri5920]

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

[@yashpatel1O1]

Thanks and welcome

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

[@yashpatel1O1]

thank you

[@phaytep2268]

Nice work Yash, I actually enjoyed the tutorial.

[@yashpatel1O1]

Thank you for watching ☺️

[@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]

Send me an email: [e-mail]

[@AlphasoundSchool]

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

[@yashpatel1O1]

thank you

[@mibalbert3835]

You are amazing! Keep up the good work bro!

[@yashpatel1O1]

Thank you

[@vahxs]

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

[@yashpatel1O1]

awesome indeed. Thank you for watching :)

[@vahxs]

@@yashpatel1O1 Keep it up, man!

[@Zadok77]

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

[@yashpatel1O1]

I appreciate that!

[@Gikkeoi]

I like the vibes you give when you talk

[@yashpatel1O1]

Thank you ☺️

[@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]

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

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

[@fotios4902]

Man, this tailwind is awesome!

[@yashpatel1O1]

It really is!

[@samjive]

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

[@guilhermefulco6102]

Amazing video! Great Job!

[@anujkesarwani1051]

Amazing stuff bro!

[@yashpatel1O1]

Glad you liked it!

[@chichitojuarez]

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

[@yashpatel1O1]

Welcome to the squad

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

[@yashpatel1O1]

thank you :)

[@manojkumarparuchuri5920]

Most underrated channel in react

[@yashpatel1O1]

thank you :)

[@manojkumarparuchuri5920]

Bro inka videos pettu bro waitingg

[@AlIS_RavishAcharya]

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

[@yashpatel1O1]

Thank you so much 😀

[@promax-ui2sx]

Dude! ,the way of teaching superb mhan

[@yashpatel1O1]

Thanks a ton

[@abirkhan6075]

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

[@yashpatel1O1]

Thank you

[@nipunamunasinghe]

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

[@yashpatel1O1]

Thank you ☺️

[@jorgefortaleche8621]

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

[@yashpatel1O1]

Glad it helped!

[@gustamtz]

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

[@yashpatel1O1]

Thank you for watching

[@nadzirahabdrahman749]

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

[@yashpatel1O1]

Glad it was helpful!

[@AlexTorres-gf8bz]

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

[@yashpatel1O1]

Sure. Thank you for watching

[@jokeboat5585]

The best tutorial tbh

[@yashpatel1O1]

Glad it helped!

[@julianvelez6563]

Nice work bro ❤

[@yashpatel1O1]

Thanks 🔥

[@AbilashRaman]

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

[@yashpatel1O1]

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

[@AbilashRaman]

@@yashpatel1O1 😂

[@majelisahadpagi-drjj6245]

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]

Thanks a ton Majelis 😀

[@di3inglife]

great video man, thanks. enjoyed it.

[@yashpatel1O1]

Glad you enjoyed it!

[@israel3953]

Duude, your didatic is amazing, congrats

[@yashpatel1O1]

Thanks a ton!

[@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! 🥰🤩😍

[@yashpatel1O1]

Thank you for watching. :)

[@sunayraj]

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

[@yashpatel1O1]

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

[@mridiot3828]

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

[@yashpatel1O1]

My pleasure 😊

[@thisshonrobert7605]

awesome stuff guys🥰

[@yashpatel1O1]

Thank you 🤗

[@bertk3923]

perfect. everything i needed for my portfolio. thank you

[@yashpatel1O1]

Thank you :)

[@tejusgroup6695]

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]

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

[@asthakumari2057]

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

[@yashpatel1O1]

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

[@sandhyasubudhi3941]

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?

[@ninaplays960]

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

[@yashpatel1O1]

Sounds great!

[@DB-dk2mj]

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

[@yashpatel1O1]

I am happy that you liked it. 😊

[@DB-dk2mj]

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

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

[@DB-dk2mj]

@@yashpatel1O1 thanks for such Quick respond)!!

[@darkprotocol9630]

Very informative tutorial. Thanks man 🔥

[@yashpatel1O1]

Thank you ☺️

[@fotios4902]

1:49 Because of the style `capitalize` the scroll would not work. So I capitalized all the name attributes in the components. Further, I needed to use Element instead of div. Like

[@PiyushSharma-xl1ek]

please emphasize struck on same

[@yashpatel1O1]

I didn’t understand. What are you trying to say?

[@thepokecras774]

such an amazing tutorial!

[@yashpatel1O1]

Glad that you liked it.

[@adityagangrade9955]

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

[@yashpatel1O1]

Thank you for watching :)

[@WildHowlYT]

Amazing work mate. :)

[@yashpatel1O1]

Thank you! Cheers!

[@santiagosordi1511]

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]

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

[@inranb]

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

[@yashpatel1O1]

Glad it helped!

[@johanmare-l1l]

Where can i download the whole assets folder?

[@promax-ui2sx]

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

[@yashpatel1O1]

Thank you so much 😀

[@chanmyaemin8494]

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

[@yashpatel1O1]

add them to array and create a tag.

[@harshsuthar8395]

Still 2024 & One of the best portfolio 🫡🫡

[@anjanabanerjee1928]

Nic Video but I'm facing the error in src\App.js Line 1:8: 'NavBar' is defined but never used no-unused-vars src\components\NavBar.jsx Line 3:10: 'FaBars' is defined but never used no-unused-vars Line 3:18: 'FaTimes' is defined but never used no-unused-vars

[@samuelstevenprismahasiyono1343]

Nice Content !! keep up bro 🔥🔥

[@yashpatel1O1]

Thanks 🔥

[@mustafakumshi7603]

Nice Explanation, its very rare in hindi language

[@yashpatel1O1]

Thank you :)

[@imprjde]

This was Amazing!! WOW

[@yashpatel1O1]

Thank you for watching :)

[@gshreenivasa3308]

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

[@yashpatel1O1]

Fantastic!

[@InsightfulAIAvenue]

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

[@yashpatel1O1]

Thank you Eric ☺️

[@piyushwandile4152]

god level explanation bro ❤❤❤

[@yashpatel1O1]

Thank you so much 😀

[@dr__ey]

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

[@yashpatel1O1]

thank you for watching

[@PratikBanger]

Amazing tutorial dude really appreciated...

[@yashpatel1O1]

Glad it helped