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:
55 views
277
67
4 weeks ago 00:04:09 3
SURVIVAL RING-1
4 weeks ago 00:02:31 7
HUMILIATION CR3
4 weeks ago 00:04:34 2
ARCHER CR3 CHEATS
4 weeks ago 00:13:58 1
Top 10 Best Tips Shared By Master CSS
4 weeks ago 00:08:37 1
Project IDX FREE AI Editor - Full Stack Editor On The Cloud! (Cursor & Windsurf Alternative)
4 weeks ago 00:51:46 5
Build and Deploy 3 Animated Websites with GSAP & to Land a Job | Full 10 Hour Course - Part 4
4 weeks ago 03:00:00 7
Build and Deploy 3 Animated Websites with GSAP & to Land a Job | Full 10 Hour Course - Part 3
4 weeks ago 03:00:02 10
Build and Deploy 3 Animated Websites with GSAP & to Land a Job | Full 10 Hour Course - Part 2
4 weeks ago 03:00:02 4
Build and Deploy 3 Animated Websites with GSAP & to Land a Job | Full 10 Hour Course - Part 1
4 weeks ago 00:18:53 14
Фронтенд с нуля. Урок 15. Оживляем кнопку удаления поста и чекбокс
1 month ago 02:01:38 115
Mike Raden - Trancelation #129 ()
1 month ago 00:04:32 15
3D Animated Portfolio Website with React & Motion and | Beginner React Project Tutorial - Part 2
1 month ago 03:00:01 4
3D Animated Portfolio Website with React & Motion and | Beginner React Project Tutorial - Part 1
1 month ago 00:10:41 17
v0 UPDATE Develop HIGH Quality Full-stack App Without Writing ANY Code For FREE!
1 month ago 01:41:09 18
Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects - Part 5
1 month ago 02:59:59 21
Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects - Part 4
1 month ago 02:59:59 27
Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects - Part 3
1 month ago 02:59:59 7
Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects - Part 2
1 month ago 03:00:00 37
Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects - Part 1
1 month ago 00:18:22 25
Фронтенд с нуля. Урок 14. Добавляем стили и типы элементам через джаваскрипт
1 month ago 00:05:22 3
Crazy That Regular Expressions RegEx In CSS
1 month ago 00:04:12 497
Wuthering Waves|Resonator Showcase | Camellya — SEED OF FATE | Русская озвучка
1 month ago 01:54:14 41
Andrew Rayel – Find Your Harmony 425
4 weeks ago 01:00:06 606
ONLY WEEKDAYS PODCAST #47 (WINTER EDITION 2024) [Mixed by Nelver]