Build React Portfolio Project | Framer Motion React Animation Tutorial
In this video we will build a React portfolio website from scratch. We will use the Framer motion library to add some cool animations, React Router v6 for routing to different components and react-bootstrap for css.
⭐️ Intro to Hacking Web Application⭐️
Course Link - https://securewebsolutions.teachable....
Coupon Code - Use code DIPESHMALVIA and you’ll get 20% off at checkout!
⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshma...
⭐️ GitHub link for Reference ⭐️
https://github.com/dmalvia/React_Port...
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:21 - Project Demo
0:01:45 - Intro to Hacking Web Applications
0:03:00 - Bootstrap React App
0:05:00 - Create Pages for Navigation
0:06:21 - React Routing V6
0:09:00 - Header Component & Navbar
0:14:35 - Home Component
0:15:58 - Projects Component
0:19:16 - Services Component
0:20:50 - About Component
0:21:32 - Contact Component
0:27:02 - Animations using Framer Motion
0:45:44 - Outro
**React Roadmap for Developers in 2021**
How to Learn React JS ? - • React JS Roadmap for Developers | Rea...
React in One Project - • Learn React JS with Project in 2 Hour...
React Redux Toolkit Tutorial - • React Redux Toolkit with Project | Re...
Learn React Redux with Project - • Learn React Redux with Project | Redu...
What is Redux ? - • Understanding Redux Concept in 5 Minu...
Learn React Redux Thunk with Project - • Learn React Redux Thunk with Project ...
Learn React Hooks - • Learn React JS Hooks | React Hooks Tu...
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
React JS Portfolio Website
React Animation Tutorial
Framer Motion React Animation Course
Build React Portfolio Website For Beginners
⭐️ Hashtags ⭐️
#react #beginners #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.