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

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]

Build a React.js application and add Authentication with Auth0