Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial
JavaScript Mastery via YouTube
Learn Excel & Financial Modeling the Way Finance Teams Actually Use Them
Google, IBM & Microsoft Certificates — All in One Plan
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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