{"id":50679306,"url":"https://github.com/mrazza/razza-dev","last_synced_at":"2026-06-08T17:32:23.425Z","repository":{"id":361468759,"uuid":"1249839602","full_name":"mrazza/razza-dev","owner":"mrazza","description":null,"archived":false,"fork":false,"pushed_at":"2026-05-30T18:46:57.000Z","size":1406,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-30T20:17:36.938Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mrazza.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-26T04:41:59.000Z","updated_at":"2026-05-30T18:47:00.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/mrazza/razza-dev","commit_stats":null,"previous_names":["mrazza/razza-dev"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/mrazza/razza-dev","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrazza%2Frazza-dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrazza%2Frazza-dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrazza%2Frazza-dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrazza%2Frazza-dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrazza","download_url":"https://codeload.github.com/mrazza/razza-dev/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrazza%2Frazza-dev/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34073791,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-08T17:32:18.398Z","updated_at":"2026-06-08T17:32:19.740Z","avatar_url":"https://github.com/mrazza.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# razza.dev\n\nWelcome to my personal landing page. It is an interactive, dark-mode single-page website built with Nuxt 3, Tailwind CSS, and a custom programmatic synthesizer using the native Web Audio API.\n\nLive at: [razza.dev](https://razza.dev)\n\n---\n\n## Features and Modes\n\nThe site features two main interactive modes. You can toggle between them using the **Space** key, the **G** key, or the mode switcher button in the top right.\n\n### Resonance Mode\nThis is the default minimalist layout showcasing my background as a Staff Software Engineer at Google NYC and a collection of personal software projects.\n* **Vector Waves:** The background renders three overlapping, multi-colored harmonic sine waves.\n* **Warp Effect:** Moving the cursor warps and distorts the waves around the pointer using a trigonometric Gaussian displacement formula.\n* **Audio Micro-interactions:** Hovering over links, project cards, or buttons triggers real-time, low-pass synth pops and ambient chime hums synthesized programmatically.\n\n### Sandbox Mode\nPressing the toggle activates a physical gravity sandbox where the page elements drop to the bottom of the screen.\n* **Interactive Physics:** The profile card, project badges, social links, and interactive toys (orange lacrosse balls and retro cassette tapes) can be dragged and flung around the screen.\n* **Elastic Collisions:** Elements bounce off the viewport boundaries and each other with full impulse physics. Collisions trigger programmatic tap or wooden block impact sounds, scaled to the relative velocity of the impact.\n* **Interaction Portals:** Two glowing portal goals (GitHub and LinkedIn) sit in the bottom corners. Flinging an item into a portal triggers a warm resonant D-major chord and redirects the user to the corresponding link.\n  * *Note: To avoid unsolicited popups, the portal redirection requires an explicit user drag or fling gesture.*\n\n---\n\n## Featured Projects\n\n* **smoc** – A terminal-based, keyboard-driven console music client for Subsonic APIs and YouTube Music, complete with custom audio visualizers.\n* **Leiter** – A high-performance, pure C# image processing library featuring fast matrix kernel convolutions and color space conversions.\n* **cctv-occupancy** – A local, smart-home automation computer vision pipeline using OpenCV and YOLOv8/ByteTrack motion tripwire crossings.\n* **goose-mm-bridge** – An asynchronous Python bridge connecting Goose AI agents to Mattermost threads via Model Context Protocol (MCP) streams.\n\n---\n\n## Technical Architecture\n\n* **Zero Asset Overhead:** Every sound, bounce, icon, and backdrop is synthesized programmatically or drawn dynamically via HTML5 Canvas and the Web Audio API. No external audio files or image assets are loaded.\n* **Custom 2D Physics Loop:** Uses a lightweight, impulse-based reflection and collision resolution system coded from scratch in TypeScript, avoiding heavy external physics libraries.\n* **Test Coverage:** Over 85% statement coverage and 100% function coverage across sound synthesis, vector mathematics, physics loops, and component lifecycle events.\n\n---\n\n## Setup and Development\n\n### Installation\nInstall dependencies:\n```bash\nnpm install\n```\n\n### Running locally\nStart the development server:\n```bash\nnpm run dev\n```\n\n### Production Build\nBuild the application for deployment:\n```bash\nnpm run build\n```\n\n### Running Tests\nRun the Vitest suite and verify assertions:\n```bash\n# Run tests\nnpm run test\n\n# Run tests with HTML coverage report\nnpm run test:coverage\n```\n\n---\n\n## License\nApache-2.0. Created by [Matthew Razza](https://github.com/mrazza).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrazza%2Frazza-dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrazza%2Frazza-dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrazza%2Frazza-dev/lists"}