Build a React Portfolio with TailwindCSS Tutorial | Beginner Friendly

Follow this tutorial to learn how to use TailwindCSS and React Js to create a simple, but stylish portfolio site. Beginner Friendly :)
🎨 View Figma: bit.ly/3QyJCVl
👨‍💻 Project Files: bit.ly/3A1wm4u
⭐ Download UI (Figma): raddythebrand.lemonsqueezy.co...
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Recording Equipment:
◾ Microphone: amzn.to/3Ppp8Ok
◾ Shotgun Mic: amzn.to/3IVqIot
◾ Camera: amzn.to/3z0bxpF
◾ Lens: amzn.to/3Pw4s7d
◾ Lighting: amzn.to/3PGXvzW
Computer Gear:
◾ Keyboard: amzn.to/3PGXvzW
◾ Headphones: amzn.to/3PJl9fg
◾ Mouse: amzn.to/3z1TGPf
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
Credit:
Photo by Daniel Korpai on Unsplash
Photo by MK +2 on Unsplash
Photo by Harley-Davidson on Unsplash
Photo by Alicja Gancarz on Unsplash
Photo by Faizur Rehman on Unsplash
Content:
0:00 Intro
0:26 Demo
1:17 Project Setup
15:00 Routes
20:44 Header
0:52:05 Hero Section
1:14:45 Marquee
1:24:46 Selected Work
1:48:12 Services
1:59:10 Contact Footer
2:05:07 Footer
2:08:56 About
2:27:48 Contact
2:36:53 Portfolio Showcase
2:52:10 Link Location Window Fix
2:56:12 End
#react #tailwindcss

[@RaddyDev]

I hope that you enjoy the video. What would you have done differently to improve the project?

[@blue_berry_pie64]

Really a cool lesson and design, especially I learn how to insert another svg image in the background, style={{ backgroundImage: "url(" + Image + ")" }}. Thank Raddy!

[@themarksmith]

Excellent man thank you!

[@coreymason3670]

More videos like this and with gsap animations added would be amazing! Thanks for the tutorial I'm learning alot from your content

[@RaddyDev]

Sure thing! I should have added GSAP to be fair, but i was afraid that it would make the video too long

[@ryomensukuna9513]

🔥♥️

[@anishjoshi1999]

i am going to try this one

[@RaddyDev]

I am pretty sure that you won't have any problems making this, Anish. I remember the node js news websites that you did 👌

[@anishjoshi1999]

@@RaddyDev thanks reddy 😊

[@webstroymaster]

Hi Reddy! Cool lesson, in the future you can connect this to a headless cms?

[@RaddyDev]

I am glad that you like it. I've actually just build something with a headless CMS for myself. I will be making a tutorial soon

[@JJ-ot3ps]

looks great, if my project has a front end, backend, and an admin(basically MERN), do I need to download vite for each folder?

[@RaddyDev]

No, they don't need to be all created with Vite. You can use whatever you like

[@makingtheweb6620]

Can you do a series of vidoes on Dart, as this is the foundations for Flutter.

[@RaddyDev]

I would love to, but I don't have any experience with Dart and Flutter 🙂

[@md.jahidhossainmridha6453]

project file link not working, btw great video 😀

[@RaddyDev]

Thank you, I just checked and all links are okay. Could there be GitHub restrictions in your country or something? Strange...

[@freddiewalters4001]

💋 p͎r͎o͎m͎o͎s͎m͎