Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial

how to make a portfolio website
react js portfolio tutorial
tailwind css portfolio
react portfolio website

How to Make a Portfolio Website with React JS and Tailwind CSS | React Portfolio Tutorial

In this video, you'll learn how to build a stunning portfolio website using React JS and Tailwind CSS. This tutorial is perfect for beginners, and I explain everything step-by-step to ensure you can follow along easily.

What You'll Learn:

00:00 Introduction
01:10 Installation of Required Packages
03:26 Setting Up the Project
05:12 Creating the Navbar
18:00 Building the Home Section
24:35 Designing the About Section
31:00 Showcasing Your Experience
42:20 Highlighting Your Projects
50:40 Adding the Footer
56:40 Implementing Scrolling Effects
58:25 Adding a Typing Animation

Don't forget to like, share, and subscribe for more web development tutorials!

tailwind css
react js
portfolio website tutorial
web development
responsive portfolio
build portfolio react

[jitenderdhiman]

Best video i have ever seen on portfolio website i understand each and everything 🥰

[GenesisPatrick-vood]

Thank you for the video, but please how can i get the english version of it?

[BabliRani-wg]

Amazing guide to learn react js and web development

[arjunak]

Bro could you teach How to start with react installation and setting files for beginner . I just completed html css JavaScript.

[Nikhil-rvto]

Sir very nice tutorial thankyou sir ❤❤

[JitenderKumar-su]

Awesome work sir please make e-commerce website tutorial

[archanajoshi]

Bhaiya please tell me how you think the logic of type effect please help 😢

[eurus]

I think its better to use one variable to manage state hook "useState" of menu:
const [menuOpen, setMenuOpen] = useState(false);
{menuOpen ? (
<RiCloseLine
size={30}
className="md:hidden absolute right-10 top-6 transition-all duration-300"
onClick={() => setMenuOpen(false)}/>
) : (
<RiMenu2Line
size={30}
className="md:hidden absolute right-10 top-6 transition-all duration-300"
onClick={() => setMenuOpen(true)}/>
)}

This way redundancy is avoided.

[misbahadil-xwcr]

your source code link is not working why
please update or cheak the why isn't its working

[umaadithi]

its not even running in my browser after creating the nav bar can some one help

[abirdhar]

@ironcoding where can get images for a website and for free

[manojk]

If i run after creating RiCloseLine it's showing blank page 17:32

[tusharsingh]

200 likes completed, please provide the source code or assets folder...

[mado-royal-yt]

Bro just use material ui its more faster and effetient

[tusharsingh]

Please provide assets folder or source code

[riteshKumar-oiuu]

Provide me the asset file @iron coding