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

Portfolio websites with React.js, Next.js, Tailwind CSS, Framer Motion, Three.js and Chakra UI - React Portfolio Website Tutorial | Responsive React Project Full Course for Beginners

5.0 (2)

37 learners

What you'll learn

This course includes

82.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

react react js react project react course react app react website react hooks responsive react useEffect useState Sass react sass

Full Transcript

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/youtube/tree/react-portfolio 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