React 3D Portfolio Website with Three.js | Build and Deploy Responsive React Portfolio

Portfolio websites with React.js, Next.js, Tailwind CSS, Framer Motion, Three.js and Chakra UI - React 3D Portfolio Website with Three.js | Build and Deploy Responsive React Portfolio

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 portfolio react website react project react app react responsive design react styled components react portfolio website react animation react three.js react three fiber

Full Transcript

Responsive 3d portfolio page tutorial for beginners using React and Three.js. Get Hostinger Discount: http://hostinger.com/lamadev Coupon Code: LAMADEV If it is valuable to you, you can support Lama Dev. Join: https://www.youtube.com/channel/UCOxWrX5MIdXIeRNaXC3sqIg/join Buy me a coffee: https://www.buymeacoffee.com/lamadev Source Code: https://github.com/safak/youtube23/tree/3d-portfolio Join Lama Dev groups Facebook: https://www.facebook.com/groups/lamadev Instagram: https://www.instagram.com/lamawebdev Discord: https://discord.gg/yKremu4mPr Twitter: https://twitter.com/lamawebdev 00:00 Introduction 02:13 Installation 03:54 React Snap Scroll Effect Tutorial 11:26 Design a Hero Section 31:50 Designing Works Section 35:50 CSS Text Animation Tutorial 41:00 Portfolio Contact Page Design 46:55 How to Add Map to a React Application 51:51 How to Send a Mail using React.js (Contact form tutorial) 58:20 React Three.js Tutorial for Beginners 01:19:13 React Three.js How to Add 3d Models (gltf to jsx) 01:31:04 React Styled Components Responsive Design 01:40:35 How to Deploy React Portfolio 01: 42:55 Outro