Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial
JavaScript Mastery via YouTube
AI Engineer - Learn how to integrate AI into software applications
Foundations for Product Management Success
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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