# adrianhajdin/project_3D_developer_portfolio

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!

Repository: https://github.com/adrianhajdin/project_3D_developer_portfolio
Canonical: https://ross.abutalabs.com/products/project_3d_developer_portfolio
Homepage: https://jsmastery.pro
Language: JavaScript
License Family: other
Topics: 3d, reactjs, threejs
Last push: 2024-10-29T09:21:29+00:00

## Health v2 (maintenance only)
Score: 30/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 91
- inputs: {"age_days": 1282, "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 7114, forks 1686 (observed 2026-08-28T04:09:55.997309+00:00)

## What it is
A tutorial-backed React project template for building a 3D developer portfolio website using Three.js, React Three Fiber, Drei, Tailwind CSS, and EmailJS. It accompanies a step-by-step YouTube tutorial from JavaScript Mastery and serves as both a learning resource and a customizable portfolio boilerplate.

## Use cases
- build a 3D developer portfolio website
- learn Three.js and React Three Fiber
- create an interactive portfolio with animations
- customize a 3D hero section for a personal site
- follow a beginner-friendly web 3D tutorial
- add a contact form with EmailJS to a portfolio

## When to choose
- you want a ready-made, visually impressive 3D portfolio template
- you learn best by following a guided video tutorial
- you want hands-on practice with React Three Fiber and Tailwind CSS

## When to avoid
- you need a production application with tests, CI, or a license
- you want a framework-agnostic or non-React 3D solution
- you need long-term maintained software rather than an educational codebase

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: graphics, animation, ui-components, frontend-framework
- domain: web-development, frontend, web-design, tutorials, developer-tools
- platform: cross-platform
- tags: threejs, react-three-fiber, portfolio-template, tailwind-css, vite, 3d-graphics, tutorial-project, emailjs, web-server, nodejs

## Member repositories
- adrianhajdin/project_3D_developer_portfolio (main) score 30

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:55.997309+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-29T17:40:06.404714+00:00, confidence not recorded.
  - readme: https://github.com/adrianhajdin/project_3D_developer_portfolio (fetched 2026-08-28T04:09:55.997309+00:00, sha 800da4401591)
  - homepage: https://jsmastery.pro (fetched 2026-08-29T08:36:05.546526+00:00, sha 6062d3a2cbdf)
  - site_page: https://jsmastery.com/course/tanstack-pro-course (fetched 2026-08-29T08:36:05.555734+00:00, sha ae34cdd1ca05)
- Data as of 2026-08-30T08:39:29.467469+00:00.