Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Reviews

Start your review of Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.