React Portfolio Website Tutorial - Build and Deploy React JS Personal Portfolio Website

In this Reactjs project, we will make an awesome responsive personal portfolio website step-by-step. We learn React hooks, modern CSS, moduler SCSS, Slider js, framer motion, and many more. At the end we will also deploy this project so you can show off your skills.

No prior knowledge of Web React is required to follow this project. The project is surely suitable for beginners.

Website:

Support me on:

Repositories:
( Don't forget to give a star 🌟)

Designer:

Time stamps:
00:00 Intro
04:30 Prerequisites
07:13 Starter Walkthrough
17:10 Header
50:47 Hero Section
1:09:41 Expertise Section
1:27:16 Works Section
1:43:00 Portfolio Section
1:54:25 People Section
2:10:20 Footer
2:20:00 Scrolling with Menu Item
2:22:05 Sidebar fix
2:23:54 Deployment

"Copyright Disclaimer under Section 107 of the copyright act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational, or personal use tips the balance in favor of fair use."

INSTAGRAM :
FACEBOOK:

[allans]

i just discover your youtube channel 1 week ago i'm actually finish the part 1 of MERN social media APP you are awesome as hell ! you help me a lot to understand many concept .. i'll put it to my portfolio and i think you will help me to find react Job thanks again !

[paramountFootballReports]

Can you please help me my MENU PART stay transparent while scrolling down.

What should i do?

[java_learner]

After the deploy the dist on cloudflare
Out side sidebar clicking function not working
Working only at development time

[Aman_yadav]

Keep posting more responsive portfolio and realtime projects and you earn a subscriber bro and pls bro make some responsive portfolio tutorials on html css also.. Because of system issue.. Can't installing react

[anshjyotwadhwa]

Can i use this project for my business site ?? No limitation from ur side? i am gonna add login signup with payment gateway?

[spurgeongnanprakasham]

Nice design but where can i get splash images like those

[animentalproducts]

Can you please provide the source code link>

[alifhasanshahOfficial]

Do you hate tailwind ? btw thank you for this nice project. If you have time please make some MERN Stack project and use next js.

[ahmad_]

In 56:10 seconds import this will work, @import not as in the video. Hope it will work

[waleedbinhaider]

Hello, Sir my font-family is not implementing, what's the possible problem?

[kumarprabhakar]

Osm design sir...keep helping us with your beautiful projects☺️☺️☺️..sir please add dark mode to this project

[zalimkhan]

Awesome sir it's was my first tutorial and feel I learn a lot 🤩🤩 Please make tutorial from beginning to advance level course. Shal me very thankful 🙏🙏

[khanprinters]

Osm design sir...keep helping us with your beautiful projects☺☺☺..sir please add dark mode to this project

[peanutsdocument]

Warning: React does not recognize the `dataName` prop on a DOM element. on in line "<exp.icon size={25} color="white" />" .. How to fix it?.

[ScriptyVijay]

Thanks a lot for adding voice to this project 4:30

[fakeITDevTeam]

Hi, i want to ask you this. have you write the CSS for menuIcon in Header.module.scss in this video? to which CSS is this 45:01 referring to?

[victos-vertex]

Good Video, just a small correction: It's expertise not experties. In english the word expertise is uncountable so you can't form the plural of it, because there is none. Your video section has it written correctly though.

Also as a fellow programmer I think it's very unintuitive to have the user click on "services" just to end up at "#expertise". Because to me a service is an action that can be performed (usually paid for), expertise on the other hand is simply knowledge or skill in some particular field.

Nonetheless a very solid video!

[paramountFootballReports]

34.00

The hover $secondary not working

[rkscp]

I really learnt lot of things by you, thank you so much 🙌🙌

[pranavpratap]

yarn vite commant not working for me, please help