React Project Tutorial – Build a Portfolio Website w/ Advanced Animations

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

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

🔗 Code and assets: https://github.com/bobangajicsm/react-portfolio-website
Learn:
✔️ How to draw SVG animation using GSAP and React
✔️ How to animate letters on hover using Animate.css 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
✔️ How to add maps to your website in React using Leafleat.js

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:00:43) Create React app with npx
⌨️ (0:01:01) Instaling libraries
⌨️ (0:03:56) Define global styles
⌨️ (0:06:56) Create routes
⌨️ (0:09:01) Building left sidebar
⌨️ (0:20:31) Building site layout
⌨️ (0:23:01) Building Home page
⌨️ (0:40:51) Draw SVG Logo animation
⌨️ (0:48:29) Build About page
⌨️ (1:03:56) Build page loader
⌨️ (1:06:11) Build Contact page

Suggest:

☞ JavaScript for React Developers | Mosh

☞ Learn React - Full Course for Beginners - React Tutorial 2019

☞ React + TypeScript : Why and How

☞ Getting Closure on React Hooks

☞ React Tutorial - Learn React - React Crash Course [2019]

☞ Page Transitions In React - React Router V6 and Framer Motion Tutorial