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. ✏️ Slobodan developed this course: 🔗 Code and assets: 🔗 Map library 🔗 EmailJS library: 🔗 Final version: Learn: ✔️ How to draw SVG animation using GSAP and React ✔️ How to animate letters on hover using 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 ⭐️ 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 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: Read hundreds of articles on programming: And subscribe for new videos on technology every day:
Back to Top