Create React App Portfolio Website Tutorial

Create React App Portfolio Website Tutorial

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

Second part: https://youtu.be/I2TNlHVJ9KQ
Third part: part https://youtu.be/YnHsgQkY6Z4

? Link to complete project and assets: https://github.com/bobangajicsm/react-portfolio-website
? Link to map library https://react-leaflet.js.org/
? Link to EmailJS library https://www.emailjs.com/docs/examples/reactjs/
? Link to the final version of my portfolio website https://bobangajicsm.github.io/portfolio/

? I discussed:

✔️ 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

0:00 Intro
0:32 Create React app with npx
0:50 Instaling libraries
3:45 Define global styles
6:45 Create routes
8:50 Building left sidebar
20:20 Building site layout
22:50 Building Home page
40:40 Draw SVG Logo animation
48:18 Build About page
1:03:45 Build page loader
1:06:00 Build Contact page

************************************************************

? Linkedin:
✔️ https://www.linkedin.com/in/slobodan-gajic/

? Discord:
✔️ https://discord.gg/brr46fsh5s

? Portfolio:
✔️https://bobangajicsm.github.io/portfolio/

? Twitter:
✔️https://twitter.com/_SlobodanGajic_