React Portfolio Website Tutorial From Scratch - Build & Deploy React JS Portfolio Website

No prior React knowledge is required for this tutorial, as I will be explaining every step along the way.
Now Let's Build The Best React Personal Portfolio Website On YouTube!

Build your next awesome project:

Chapters
0:00:00 - Finished Portfolio | Tools we will use
0:01:07 - Setting up our project | Installing extensions, React & NPM packages
0:09:52 - Tour of the React Project Structure
0:18:40 - Cleaning out the files
4:40:58 - Setting up our backend form service | EmailJS
4:52:47 - Creating a production build & Deploying our website using Netlify

[voldemortvi]

for the first time in my life, i feel like Youtube Algorithm do me a Favor ! well done this is Legit good looking portfolio i cant wait to start my own

[binyaminregev]

It's very difficult to make a 5-hours long video and I think many will join me in thanking you for doing this video.

At 2:15:46 you are creating <code>AboutMenu</code> component using a Constructor and <code>this.state</code> -- why didn't you use <code>useEffect</code> and <code>useEffect</code>. You made this video 10 months ago (as of April 2024), meaning around June 2023, knowing and using React Hooks was mandatory for all React developers at that time, a developer who didn't know or used it is considered "out-of-date".

Also, you have a lot of rookie mistake in the video that, I think, come from lack of logical structured development, i.e., thinking which files will be needed, creating them, and then use them in the <code>import</code>.

This your video is one of the best that I have seen, pitty to ruin it, loosing likes, comments and follower because of small things.

[kainoa]

This is so sick. I’m entering my senior year and I’m going to use this to make my portfolio. You’re great for this. Thank you so much! I’m glad I stumbled upon this. Keep up the amazing work!

[saraache]

Your channel is so underrated, please don't stop sharing your knowledge!

[blackshiinobi]

Thanks so much for the tutorial, I want to change some stuff in it, where can I find other cool background videos like the one in the video ?

[Divya-vg]

Ur way of explanation is absolutely mind blowing, waiting for more projects from ur side, hope u deserve more subscribers in the future.

[miroslavjovanovic]

As a mostly Back-End developer this tutorial was really easy to follow and make. This was my introduction to react after reading concepts from official documentation and everything was mega clear. You should add one more block to your CSS skills man. Hvala brate

[khalilbugti]

I am Completed the entire video with project and comes with some improvements.
1 Typescript
2 Only Function component with arrow function (rface)
3 Data structure need to improved
4 Proper folder structured
God Bless you Keep moving.

[BeRaikwal]

I dont even know how i found your channel, but it was WORTH, loved this portfolio!!

[bxity]

Do you mind doing more crash course kinda videos? I love your content it's so helpful !

[themilesroarkexperiment]

This one took me forever. But the ego boost afterwards is unbelievable. Thanks dude can't wait to start the next one.

[blackshiinobi]

I can't find the option to upload my image in Lexica, am I missing something ?

[rahathasan]

I want to do this in angular can i do it

[martinsosa]

Cool looking portfolio ! but for the love of good if you are trying to get a job DO NOT GAGE your skills!

[LorenCthepandorascraftbox]

Wondering where did you obtain the universe mp4 and image?

[jonathancohen]

I'm trying to finishthe project but keep getting an error with my user Id. Can any one can help?

[NachoLessonsGuitar]

Uno de los mejores tutoriales que he visto, aprendí muchas cosas en poco tiempo :D aprendí mas que con los tutoriales en español xD

[enriquesantosdeoliveira]

Nice tutorial, but using CRA and class components in 2023 is bad pick, in my opinion.

[md.shahebali]

thanks a lot brother, but could you please increase font size or zoom in you vscode from next project. Thanks in advance.

[ivadragojevic]

Hello!
What to put in .env file?
Please
help!