React Project Tutorial: Build a Responsive Portfolio Website w/ Advanced Animations

In this tutorial, we build a personal portfolio website using React and Animate CSS. Follow along and share what you build in the comments!

👾Join my Discord:

✉️Sign up for my newsletter:

🌐Get the HTML, CSS, JS version of this portfolio:

🌐GitHub URL:

📝Dev Resources List:

☕Support the channel:

0:00 Introduction
1:49 Installation
2:55 Navigation
24:12 Main Banner
39:06 Skills Section & Slider
49:56 Projects' Section & Tabs
1:03:40 Contact Form
1:21:26 Newsletter Subscribe
1:35:35 Footer
1:50:17 Animations
1:58:00 Wrap Up

Some f the links included in the video description are affiliate links. I am affiliated, but not sponsored. This means I might make money when you purchase paid services through the links provided and I might be able to offer discounts when available.

[webdecoded]

Check out my favorite VSCode extensions in this video:

[brendantreynor]

I just wanted to say how great this was. This is probably the only responsive website I have gotten to work by just watching the tutorial and not going down the rabbit hole that is stackoverflow. Thank you so much!

[MrWhiteav]

This is beautiful. It really helped me to understand React too! Thank you!

[zlatkoiliev]

WOW! Really nice design, first time I see a tutorial in react with great design!

[shyamdas]

This is a best React Project on YouTube which has a great responsive design. Really Loved it .❤❤

[webdecoded]

WOAHHH thank you all for the positive feedback on this video means a lot!
Have received some requests about issues with the email server and how to deploy it, so made another video:
To address those issues, hope it helps:) happy coding!☕

[donauzakbaeva]

you are an amazing frontend devoloper, you are always sharing with incredible fascinating skills, thaaaannnkk uuuu

[faith_overflesh]

I now understand React much better. The design is very nice too! Tysm!

[MrDAC]

Thanks for the tutorial, really wasn't hard following your instructions and I can't express this enough, but the explaining while coding does so much to learn. Highly recommend this tutorial for new dev's trying out react and want to build a website.

[Persona-Nongrata]

The best portfolio I’ve come across so far, thank you so much

[AlexIlyaGuennad]

Insane quality lesson! You are amazing :) Thank you so much!

[yogesh]

The only react tutorial found whose code is working properly. Subscribed right away waiting for more react projects tutorials

[bukhorimuslim]

This is so amazing. It really helped me to understand React too! Thank you for tutorial

[aub]

if you're wondering these are all the commands used in the video

- npx create-react-app name
- npm start
- npm install react-bootstrap bootstrap
- npm install animate.css --save
- npm i react-on-screen
- npm i react-multi-carousel
- npm install express cors nodemailer
- node server.js
- npm i react-bootstrap-icons --save
- npm install react-router-hash-link

[thequietkid]

Awesome portfolio website. I was just having trouble following you throughout the tutorial since I'm a beginner but i got it running in the end thanks for this this will help me a lot in the future

[jessicadeshpande]

Thanks so much for this amazing tutorial. Its amazing . Looking forward to more content from you. Best of luck.

[jackmiddleton]

Very nice animations. Just the right amount to not overdo it.

[eugenegavrilyuk]

Thank you! Excellent work! Keep going!

[arish]

one of the best tutorials ever seen. keep rocking.love your voice😍

[lubnaarora]

This was such a great tutorial . Very easy to follow and well explained. Looking forward for more such videos.