Animated Portfolio Website with React & Framer Motion | React Project for Beginners

React Framer Motion portfolio project tutorial with parallax animations
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join:    / @lamadev  
Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code:
https://github.com/safak/animated-por...
(Includes starter and completed branches)

Join Lama Dev groups
Facebook:   / lamadev  
Instagram:   / lamawebdev  
Discord:   / discord  
Twitter:   / lamawebdev  

00:00 Introduction
02:55 Installation
05:35 How To Scroll Snap (CSS Snap Scroll Effect)
08:50 Global CSS
10:40 Navbar Design
15:40 React Framer Motion Crash Course
32:55 Animated Sidebar (Hamburger Menu Animation )
43:49 How to smooth scroll between HTML sections?
45:50 Hamburger Menu Button SVG Animation
48:33 Sidebar Menu Link Animations
52:18 Animated Hero Section Design
01:04:20 Framer Motion Sliding Text Animation
01:06:30 Framer Motion Parallax Tutorial
01:11:40 Framer Motion useScroll and useTransform Hook Tutorial
01:19:30 Services Section Design
01:30:33 Framer Motion How to Animate in View (useInWiew Hook)
01:35:15 Animated Portfolio Section Design
01:39:58 Framer Motion Animated Progress Bar
01:44:45 How to Animate Items on Scroll?
01:54:45 Contact Section Design
02:09:48 How to send mail in React?
02:14:52 React Animated Mouse Cursor
02:19:50 Mobile Responsive Design
02:41:21 How to Deploy React App to a Shared Hosting
02:43:25 Outro