React Three Portfolio
Free Download React Three Portfolio
Published 4/2023
Created by Erik Truckner
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 16 Lectures ( 2h 50m ) | Size: 1.81 GB
React Three Fiber Drei - Framer Motion - Swiper.js - Email.js
Free Download What you'll learn
Learn about React Three Fiber & React Three Drei
Utilize Frame Motion for Amazing Animations
Create 3D carousels with Swiper js
Learn how to optimize our React Three Fiber projects
Requirements
Basic React & Three js understanding
Description
In this course we'll learn how to create a unique 3D portfolio website using React, React Three Fiber / Drei, Framer Motion, and Swiper.js to build a beautiful and intuitive user experience. We will use React Three Fiber & Drei to loads glTF models into our project, one model is of an animated React.js logo, while the other is a model of the Earth, which will scale according to where the user is on our page. Using React Three Drei gives us easy access to the stars we'll be creating as our background, and I'll show you how to animate them and create our custom component. We'll use Framer Motion together with React Intersectional Observer to create awesome animated entrances for elements on our site. Using Swiper.js will allow us to create some of the most beautiful and unique carousels on the web, and we'll be making two different types of them, one to showcase our portfolio projects and another to showcase our work history. And we'll use Email.js to give our contact form the ability to send us emails! There are two bonus videos as well that cover optimizing techniques we can use in our projects: how to optimize our glTF models and how to monitor the performance of our React Three Fiber applications.
Who this course is for
Anyone interested in creating unique 3D websites
Homepage
https://www.udemy.com/course/react-three-portfolio/Links are Interchangeable - Single Extraction
