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

From the creator

In this video, you will learn how to build React portfolio website from scratch with advanced animations. ✏️ Slobodan developed this course: https://www.youtube.com/channel/UCBu5ulO4d-d47lAVybpRTkw 🔗 Code and assets: https://github.com/bobangajicsm/react-portfolio-website 🔗 Map library https://react-leaflet.js.org/ 🔗 EmailJS library: https://www.emailjs.com/docs/examples/reactjs/ 🔗 Final version: https://bobangajicsm.github.io/portfolio 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 ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ 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: 👾 Ra

Published 2022-03-29 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.