React JS Portfolio Website Using Tailwind CSS - Build & Deploy
HTML-код
- Опубликовано: 6 июн 2022
- 🚀 React 18 + TypeScript Course - 50% Discount
codewithyash.com/
My take on responsive React portfolio website from scratch using Tailwind CSS and deploying it to server. In this tutorial, we will work with JavaScript, React, and Tailwind. You will learn a lot of amazing things including tailwind, smooth scroll, adding social icons, custom fonts, gradient background, and responsive design. For deploying our project we will be using Netlify. We will use tailwind for our CSS instead of using custom CSS.
✅ Source Code & Assets
buy.stripe.com/aEUeVwedGdxY9H...
💪 Support Channel:
Coffee: www.buymeacoffee.com/pwyash
🌎 Connect:
GitHub: bit.ly/3XLS9sg
Instagram: bit.ly/3rtx0aw
Twitter: bit.ly/3rl0NC1
📚 Material:
Tailwind CSS: tailwindcss.com/docs/guides/c...
React Icons: react-icons.github.io/react-i...
Netlify: www.netlify.com
#react #portfolio #website
Dude, you would kill it as an instructor. You're engaging, thorough and funny. Awesome work man!
Your comment made my day. Thank you for watching 💪
Bhaiya portfolio using html css
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.
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.
I am glad you like my videos.
Man this tutorial along with the Weather App are great! Really love what you make with React + Tailwind. Thanks a lot!
I am glad that you like my tutorials 😊. Thank you for watching.
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!
Thank you Julien :)
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!
half an hour in and I am hooked completely! thanks for this tutorial
Glad you enjoyed it!
What keeps me going in these 2 hours was your excitement towards the technology. Amazing videos, thank you so much.
Glad you enjoyed it!
You explain the things so well that i decided to put the video on normal speed when i normally use 1.5
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.
Glad I could help!
hey , how are you doing .
can I text you I want to ask you about questions in react if you don't mind
Thanks for the video, you are a great discovery man! Looking forward to watching all your other videos so please keep them comming!
Thanks, will do!
You are a natural instructor, so easily digestible , thanks for the great job !!!!
I appreciate that!
i learned more from this than a generic 20 hour of udemy react course. you are a brilliant teacher. thank you, Yash!
thank you for watching :)
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!
Yes. Working on new videos and a course. Stay tuned 🙃
I really appreciate your help, buddy! This tutorial has been incredibly inspiring for me. Keep up the great work!
thank you
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.
Thank you ☺️
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
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
Thank you
Amazing tutorial bro, very engaging as well... I must say not for a single second I felt like I got bored... Loved it fully :)
Thank you so much 😀
This is exactly what I was looking for. Thank you so much! Following!
Welcome to the squad
Awesome work and teaching ! Thank you so much for everything you do !
I appreciate that!
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
Glad it helped!
5 minutes in, I really like your excitement towards web dev. I subbed and liked!
Thank you 😃. Welcome to the family 👨💻
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!
I am glad you enjoyed the video. It is easier to sit through long videos if they are fun and engaging.
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
Glad it helped
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!))
thank you :)
you are legendary for actually going through docs.
Thank you :)
Yeah, man i have'nt seen this type of clearly understandable tutorial & his way of teaching , Dude you are Great 🔥
Thank you so much 😀
unbelievably well explained...to the point, no wafsofte wafsofte chat...you´re the dude ..thanks!
I am glad that you liked the explanation. What does wafsofte mean? 🤔
Thanks bro for the enthusiastic tutoring of a great project! I made mine based on yours 👊🏼
Thank you
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 :)
Glad it was helpful!
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 ;)
awesome. Looking forward to see what you build.
Awesome, bro!!! thank you so much. Like from Brazil
Thank you for watching
bro you're crazy good. Keep grinding man.
Appreciate it
Waiting for more videos, Bro!
Awesome, awesome!
More to come!
perfect. everything i needed for my portfolio. thank you
Thank you :)
Thank you so much! You're the best. Need more tutorials. Easy to understand
Thank you ☺️
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..
thank you for watching
This video has taught me more about React than any tutorial I've taken. Thanks Yash!!!!!!
thank you for watching :)
Man, this tailwind is awesome!
It really is!
You are amazing! Keep up the good work bro!
Thank you
Nice work Yash, I actually enjoyed the tutorial.
Thank you for watching ☺️
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!!
It should be fairly simple. change it to h-fit instead of h-screen.
@@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!!
Great video!!! I´ll be using your design for my own portfolio. Thanks for the video brother.
Sure. Thank you for watching
great content explained in a simple way.. ❤️ Thank you so much brother for the knowledge .
Thank you Sunay 😊. Stay tuned for more content just like this.
After watching 4 minutes i am feeling like I'll watch full video and definitely will try to make one portfolio ❤️ great work buddy
Thank you :)
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..😀
Your comment made my day!! Thank you 😊. You should definitely learn Tailwind. Once you start using Tailwind there is no going back.
great video man, thanks. enjoyed it.
Glad you enjoyed it!
What a nice portfolio, i will use this. Thank you soo much :)
I am glad that you liked it. Thank you Ahmet 😃
Very informative tutorial. Thanks man 🔥
Thank you ☺️
Amazing! Learnt so much!!
Fantastic!
Thank you for this, you've saved me countless hours
Glad it helped!
Amazing work mate. :)
Thank you! Cheers!
Thank your for this amazing job Yash ! I will use it to train using React ans Tailwind, and also making my own Portfolio
Sounds great!
thank you so much for this!!! was so helpful :)
thank you for watching
Broooo thank you so much , this was really helpful
Glad it helped
Thanks man. This really helped a lot. A lot of love from me.🥰😘
My pleasure 😊
Dude! , you are Amazing, god bless u.
😍
Thank you so much 😀
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!
tailwind fix. h-screen to h-fit
Amazing stuff bro!
Glad you liked it!
One of the best tutorials ive seen and the .map trick is very cool
Thank you. map is amazing.
i enjoyed learning .map as well very cool tool!
such an amazing tutorial!
Glad that you liked it.
A Huge like...
Continue this way.
awesome guys, awesome !! 😄😄😄
awesome indeed. Thank you for watching :)
@@yashpatel1O1 Keep it up, man!
I learned a lot from your video. Thank you! You're a excellent tutor :)
Glad it was helpful!
The programming languages section is absolutely fantastic. What a design!
I know right. Thank you 😊.
@@yashpatel1O1 Im about halfway through. I love it man.
I also get a kick out of when you say "Okay so this is awesome guys". And you're right, it is! These tailwind shortcuts, especially for the media query, is AMAZING. SO helpful for me having trouble with standard media queries. This does 90% of it for you. And the design of this is quite excellent. Great work dude!
CSS gets boring sometimes. Tailwind makes it just fun. Okay so this is awesome guys 👻
It's amazing. Thanks for sharing. Please do create some more stuff using React and Tailwind.
Thank you for watching. Sure will be making some cool stuff.
Now I understand how to make loops and export everytNice tutorialng really god bless you.. your way of explaining simply aweso I loved it
Thanks a ton Majelis 😀
This was Amazing!! WOW
Thank you for watching :)
Amazing tutorial dude really appreciated...
Glad it helped
Thank you for those of you who have given a very good tutorial to make the portfolio🥰
It's my pleasure
The best tutorial tbh
Glad it helped!
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❤🔥❤🔥❤🔥❤🔥❤🔥
thank you
This is the best free software Ive seen. Respect.
Thank you :)
Interested for beginners, i learned a lot from you... Thank you.
Thank you Eric ☺️
Bro you are amazing person in my life first time i watched full tutorial i understand your video fully thanku so much bro
Thanks and welcome
awesome stuff guys🥰
Thank you 🤗
Duude, your didatic is amazing, congrats
Thanks a ton!
Bro, Superb explanation and Teaching, Really i became fan for your explanation bro❤
Thank you so much 😀
thanks for the tutorial. it was really helpful👍
Thank you
Dude! ,the way of teaching superb mhan
Thanks a ton
Nice Content !! keep up bro 🔥🔥
Thanks 🔥
Thanks for this video, it helpme a lot with my porfolio, Greetings from Colombia.
Glad it helped!
thanks for sharing, great tutorial ^^
You're welcome 😊
Thank you so much for sharing your experience, Sir.
thank you for watching
Thanks man! love you!
Thank you for watching :)
love you man,
thank you dearly
thank you for watching
I like the vibes you give when you talk
Thank you ☺️
thank you so much learned alot
Very good stuff bhai 😂🙏
thank you :)
Done with my own portfolio very-helpful thank you !!!!!!!!!!!!
Fantastic!
Dude you are awesome thank you man
Happy to help
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.
Send me an email: yashpatel26@gmail.com
Learned a lot from here
Thank you for watching :)
loved your tutorial
Glad you liked it!
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
Thank you Tejas 😊. Sure, I will work on to improve sound. Happy Coding 👨💻
thank you so much yash learned a lot
Thank you Rama ☺️
Did a really great job!!!!!!!!!!!!!!!
Thanks a ton.
Thank you i learned a lot
Glad to hear it!
Nice work bro ❤
Thanks 🔥
Thanks Man for this amazing Portfolio. Please make some more Fullstack projects. It will help us too much❤🙌
Thank you for watching :)