watermark logo

1 Views· 16 August 2022

React Portfolio Website Tutorial | Responsive React Project Full Course for Beginners

Advertisement


NidaCarner
Subscribers

Create a responsive React portfolio website using functional components and React hooks. Beginner React course from scratch with Sass.

Learn creative CSS animations: https://lama.dev/learn-css-animation
Learn SVG and SVG animations: https://lama.dev/learn-svg

Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code: https://github.com/safak/youtu....be/tree/react-portfo

Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr

0:00 Introduction
1:49 Installation
5:39 Creating React components
12:54 React snap-scroll effect
23:34 React Sass global variables
24:32 React Navbar menu
31:36 Using Material-UI Icons with React
38:33 React Animated Hamburger menu
49:48 React Sidebar menu
1:00:00 React introduction page
1:11:03 React text typing animation
01:19:10 React portfolio page
01:27:29 React adding dynamic active class
01:33:31 React dynamic data with useEffect hook
01:38:52 How to create React Slider
01:59:48 React testimonial cards
02:10:55 React contact page
02:19:55 React responsive website design
02:38:10 Outro

Show more


Up next

Advertisement


0 Comments