# albinotonnina/albinotonnina.com

Personal portfolio website with interactive animations and visual storytelling. Built with React, featuring modular scene management, comprehensive testing, and smooth cross-device performance.

Repository: https://github.com/albinotonnina/albinotonnina.com
Canonical: https://ross.abutalabs.com/products/albinotonninacom
Homepage: http://www.albinotonnina.com
Language: JavaScript
License: NOASSERTION
License Family: other
Topics: portfolio-website, scrolling, webpack, vanilla-javascript, javascript, css, animatecss, albinotonnina
Last push: 2026-02-07T15:11:04+00:00

## Health v2 (maintenance only)
Score: 62/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 66, release rhythm 35, longevity 100
- inputs: {"age_days": 4554, "days_push": 207, "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 2803, forks 499 (observed 2026-08-28T04:07:22.713040+00:00)

## What it is
A personal portfolio website built with React 18 and Webpack 5, featuring scroll-triggered SVG animations and interactive visual storytelling. It serves as a live personal site and a reference implementation for creative web animation techniques.

## Use cases
- build an interactive animated portfolio website
- learn scroll-based SVG animation techniques in React
- study a webpack 5 project with code splitting and asset optimization
- find inspiration for creative web design and storytelling
- see how to structure modular scene management for animations
- learn responsive animation performance optimization across devices

## When to choose
- you want to study or learn from a polished, animation-heavy React portfolio implementation
- you need a reference for scroll-triggered SVG animations with D3 interpolation
- you want examples of webpack 5 configuration, testing, and linting in a real project

## When to avoid
- you want a template to fork and reuse as your own portfolio - the CC BY-NC-ND license forbids modified redistribution
- you need a reusable animation library or component package rather than a one-off site
- you need a production boilerplate with a permissive license

## Facets
- artifact type: application
- maturity: active
- function: animation, frontend-framework, ui-components, templating
- domain: web-development, frontend, web-design, developer-tools
- platform: browser
- tags: portfolio-website, scroll-animations, svg-animations, react, webpack, visual-storytelling, creative-coding, personal-website, web-server, nodejs, javascript

## Member repositories
- albinotonnina/albinotonnina.com (main) score 62

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:22.713040+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-30T08:14:31.768539+00:00, confidence not recorded.
  - readme: https://github.com/albinotonnina/albinotonnina.com (fetched 2026-08-28T04:07:22.713040+00:00, sha f01ebaafbad6)
  - homepage: http://www.albinotonnina.com (fetched 2026-08-29T09:54:46.426230+00:00, sha c68bfa42abe2)
- Data as of 2026-08-30T08:39:29.467469+00:00.