Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial
JavaScript Mastery via YouTube
Overview
Embark on a comprehensive journey to master 3D website creation using Three.js in this beginner-friendly tutorial. Learn the fundamentals of Three.js, React Three Fiber, and Drei while building an impressive 3D portfolio from scratch. Explore practical demonstrations covering HTML and Vite setup, create engaging UI components like a navbar and hero section, and implement advanced features such as a bento grid and project showcase. Dive into client management, contact forms, and work experience displays. Gain hands-on experience with hosting setup and deployment processes. By the end of this tutorial, acquire the skills to develop and deploy a stunning 3D portfolio that will make your work stand out in the competitive web development landscape.
Syllabus
— Intro
— Theory
— Practical Demo - HTML, Vite
— React Three Fiber and Drei
— Hosting Setup
— Project Setup
— Navbar
— Hero Section
— Bento Grid
— Projects Section
— Clients Section
— Contact Section
— Footer
— Work Experience
— Deployment
Taught by
JavaScript Mastery