# adrianhajdin/threejs-portfolio

Learn how to build 3D websites from scratch with the Three.js Crash Course. It's a fun and practical way to create a portfolio that really pops!

Repository: https://github.com/adrianhajdin/threejs-portfolio
Canonical: https://ross.abutalabs.com/products/threejs-portfolio
Homepage: https://threejscc-portfolio.vercel.app/
Language: JavaScript
License Family: other
Topics: portfolio, react-three-drei, react-three-fiber, threejs
Last push: 2024-10-29T09:24:06+00:00

## Health v2 (maintenance only)
Score: 22/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 51
- inputs: {"age_days": 726, "days_push": 673, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1024, forks 230 (observed 2026-08-28T04:03:16.394442+00:00)

## What it is
A tutorial companion repository from JavaScript Mastery showing how to build a 3D developer portfolio website with React, Three.js, React Three Fiber, and Tailwind CSS. It pairs with a YouTube crash course and demonstrates interactive 3D scenes, animations, and contact features.

## Use cases
- learn three.js from scratch
- build a 3d portfolio website
- learn react three fiber and drei
- create an interactive developer portfolio
- follow a step-by-step 3d web tutorial
- add 3d elements to a react site

## When to choose
- you want guided, beginner-friendly video-based learning for 3D web development
- you need a complete reference implementation of a 3D portfolio in React
- you want to practice React Three Fiber, Drei, and Tailwind together

## When to avoid
- you need a production-ready portfolio template with a maintained license
- you want a library or framework rather than tutorial code
- you don't use React or JavaScript

## Facets
- artifact type: learning-resource
- maturity: active
- function: graphics, ui-components, developer-tools
- domain: web-development, frontend, tutorials, education
- platform: cross-platform
- tags: threejs, react-three-fiber, react-three-drei, portfolio, tailwindcss, 3d-website, tutorial-project, vite, nodejs, web-server

## Member repositories
- adrianhajdin/threejs-portfolio (main) score 22

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:16.394442+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:08:07.457021+00:00, confidence not recorded.
  - readme: https://github.com/adrianhajdin/threejs-portfolio (fetched 2026-08-28T04:03:16.394442+00:00, sha 92b53b37075e)
  - homepage: https://threejscc-portfolio.vercel.app/ (fetched 2026-08-29T13:08:30.002295+00:00, sha 50c5a4db7072)
- Data as of 2026-08-30T08:39:29.467469+00:00.