💻 #70: Build a 3D portfolio site with three.js🔮

Learn to add 3D elements to your websites with three.js

Mar 10, 2023

Hi everyone! 👋

If you're a web developer looking to land a job, using three.js to build your portfolio website is an awesome way to show off your skills. With three.js, you can make cool 3D animations and graphics that are interactive and totally eye-catching. Plus, having a three.js portfolio shows that you're up-to-date with the latest web tech and really passionate about what you do. Basically, using three.js can help you stand out from the crowd and catch the attention of potential employers.

Tutorial of the week:

Length: 3 hours

This weekend’s tutorial is by JavaScriptMastery, he consistently put out fantastic work.

What you’ll learn this weekend:

React.js ⚛️
Three.js 🔮

3 creative projects of the week:

1. aiwizard.ai

This site aggregates AI tools for various topics:

Check it out!

2. Bruno Simon

Three.js

Keeping the theme of this weekend’s tutorial, this developer turned their personal site into a 3D interactive browser game. It’s absolutely outstanding.

Check it out!

Here’s also a video demo of the site in case you’re on mobile or it’s not loading for you:

3. Chronology Clock

This website takes the current time and converts it into a year and displays a historical fact about that year. Very cool web project that would be great to show on a portfolio! Great idea!

Check it out!