Create React App Portfolio Website Tutorial

Create React App Portfolio Website Tutorial

In this video, you will learn how to build React portfolio website from scratch.

🧿 I discussed:

✔️ How to draw SVG animation using GSAP and React
✔️ How to add page loading animation using React-Loaders
✔️ How to add Pacman animation in React
✔️ How to create custom 3D CSS animations
✔️ How to implement font icons in React
✔️ How to create and implement contact form in React using EmailJS

0:00 Intro
0:32 Create React app with npx
0:50 Instaling libraries
3:45 Define global styles
6:45 Create routes
8:50 Building left sidebar
20:20 Building site layout
22:50 Building Home page
40:40 Draw SVG Logo animation
48:18 Build About page
1:03:45 Build page loader
1:06:00 Build Contact page

************************************************************

👉 Linkedin:

👉 Discord:

👉 Portfolio:

👉 Twitter:

[souvikbasak]

Hi Slobodan, this video is fantastic, I highly appreciate your work. I see on your portfolio website that a loading effect that says "Slobodan is working" followed by a loading bar, then in the Skill section a canvas sphere with elements that I can hover and also in the "My work" section that the moving tiles effect was super cool. I am eager to learn this. It would really help us . Thank you. Love from India.

[montecrucis]

Tutorials like these make you love coding. As a backend developer, I was alienated by the frontend side of development but this is so fun, I might go full stack in the future!
Also the explanations to each step are beginner friendly and clarifying. Abbreviated to the necessary, no boring stuff.
Respect to you Sloba and many, many thanx!

[edmarradanovis]

Dear Slobodan, this tutorial was really fantastic, I made some changes to the final layout and it turned out great.
It helped me a lot in fixing concepts that I have been studying.
Thank you for taking your time and knowledge to help countless people like me.
A big hug, friend, continue with this wonderful initiative.🤯💯🤘🚀🚀🚀

[soham]

This is just awesome !!!
Make the second part as soon as possible.
Can't wait to show this to my friends

[MightyKingKala]

of course we want second part of this video, you are amazing!

[ldbepnh]

5 minutes in and already my head wants to explode. This is awesome :D

[israelmitolu]

Just subscribed.
I love your teaching style!
Kindly make a second part also

[kylehuang]

Thank you for sharing the excellent tutorial, can't wait for the second part!!!

[brianshin]

Hey, you just got a subscriber!! I've been following this tutorial and now waiting for the second part, thank you so much for this amazing tutorial!

[gordxrohit]

Great ❤️✌️ Sloba you covered perfectly every topic 😍

[adityaroy]

i subscribed to you man
love your content
waiting for the second part..
❤️from India

[MattieRamos]

I finally finished it and this is AMAZING, I'm loving it! Please upload the second part soon because this is so helpful for me to find a job right now lol

[mi-annh]

Looking forward to a part 2! :). Thank you

[iamraamon]

Loving your videos, Iam purely backend developer, after seeing your videos planning to learn react framework also

[dalestewart]

Another professional tutorial. Very impressive.

[kirangurung]

Great. This video came at the right time. Kudos to you. Thanks.

[alejandrohuertas]

Awesome, i will waiting for the second part :)

[abdullahclementabdulshekur]

wow, I found this from your portfolio which I found via your LinkedIn post, which I also found via your Javascript tips. My point is, keep doing what you are doing, it will pay off big time mate.

[topics]

Hey, Loved your content please make the second part, I have been going through sass tuts, you have covered much in this video and the animation part is very nice .

[prathamtagotra]

Hello slobodan I'm curious to know when's the second part coming?..btw thank you very much 🔝❤️