Create React App Portfolio Website Tutorial

Опубликовано: 23 Февраль 2026
на канале: Code with Sloba
50,103
1.1k

Create React App Portfolio Website Tutorial

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

Second part:    • React portfolio website # Part 2  
Third part: part    • React portfolio website | Mobile optimizat...  

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

🧿 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:
✔️   / slobodan-gajic  

👉 Discord:
✔️   / discord  

👉 Portfolio:
✔️https://bobangajicsm.github.io/portfo...

👉 Twitter:
✔️  / _slobodangajic_