watch on aatventure.news

Build an Amazing 3D Web Developer Portfolio in React JS

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!

2023-03-03 19:00:00 - JavaScript Mastery

In this course, you'll learn the following:

- ThreeJS - a powerful 3D graphics library for rendering and animating the 3D model

- React Three Fiber - a popular library for creating 3D graphics with ThreeJS in React

- TailwindCSS - a popular utility-first CSS styling framework

- Framer Motion - the most popular library used to bring your React website to life with animations


You'll also learn how to:


- Load, create and customize stunning 3D models and geometries with various lights, as well as understand the 3D world with a camera and positioning of an object in space.


- Make your code reusable and scalable using Higher Order Components (HOCs) and other industry-standard best practices- Implement sending emails through a form on the website


- Ensure responsiveness across all devices and improve your site's performance using Suspense and Preload.


https://github.com/adrianhajdin/project_3D_developer_portfolio


00:17:55 | Layout

00:21:07 | Navigation bar

00:40:57 | Hero Section

01:07:41 | About Section

01:17:09 | Higher Order Component

01:23:28 | Experience Section

01:44:33 | Projects Section

02:01:01 | Testimonials

02:13:15 | Contact

02:32:09 | 3D Stars

02:49:09 | Deployment

More Posts