Create a Three.js Portfolio with React Three Fiber
Master modern web development! Learn React Three Fiber, Drei, Framer Motion, Swiper.js & Email.js for stunning interactive experiences. Build engaging web applications.
Course Content
Create a Three.js Portfolio with React Three Fiber is an intermediate-level Udemy course taught by Web 3D. It runs 2h 55m, is taught in English, and includes a certificate of completion. Learners rate it 4.6 out of 5 from 6 reviews, with 86 students enrolled. It is a paid course, last updated May 2023.
Learn to build a stunning 3D portfolio website with this comprehensive course! Master the art of creating an engaging and intuitive user experience using cutting-edge web technologies.
This course dives deep into practical application, guiding you through the development of a visually captivating portfolio. You'll gain hands-on experience with:
- Three.js: The core 3D library powering the entire project.
- React: Build a robust and scalable front-end.
- React Three Fiber & Drei: Effortlessly load and manipulate glTF models within your React application. We'll use these to showcase a dynamic animated React logo and a responsive Earth model that scales based on user position.
- Framer Motion & React Intersection Observer: Create captivating animated entrances for your portfolio elements, enhancing user engagement.
- Swiper.js: Implement beautiful and unique carousels to showcase your projects and work history. Learn to build two distinct carousel designs for maximum impact.
- Email.js: Integrate a fully functional contact form with email sending capabilities.
Bonus Content:
- GlTF Model Optimization: Discover techniques to reduce file sizes and improve loading times for your 3D assets.
- Performance Monitoring: Learn how to effectively monitor and optimize the performance of your React Three Fiber applications for a smooth user experience.
By the end of this course, you'll have a fully functional, impressive 3D portfolio website ready to showcase your skills and creativity! Perfect for designers, developers, and anyone looking to make a memorable impression.
Need a web app built? Hire the team behind TutorialSearch.io
We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.