In this video, you will learn how to build React portfolio website from scratch with advanced animations.
✏ Slobodan developed this course: / @codewithsloba
Code and assets: https://github.com/bobangajicsm/react...
Map library https://reactleaflet.js.org/
EmailJS library: https://www.emailjs.com/docs/examples...
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 ReactLoaders
✔ 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
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: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news