Facundo Malgieri
Developer portfolio as an interactive space journey

About Facundo Malgieri
Introduction to Facundo Malgieri
Facundo Malgieri is a developer portfolio presented as an interactive space journey. Instead of conventional project cards, the experience demonstrates technical capabilities through real-time 3D scenes, shaders, and audio. Users progress through immersive modules that highlight graphics programming, performance considerations, and frontend architecture.
The portfolio targets technical recruiters, hiring managers, and engineering leaders who evaluate WebGL, React, and TypeScript proficiency. It also serves as a reference for developers interested in advanced rendering techniques and practical approaches to performance, accessibility, and SEO in modern web applications.
Key Takeaways
- Interactive portfolio structured as a spatial journey rather than static project listings
- Real-time supernova rendered with GLSL shaders
- Black hole visualization featuring gravitational lensing effects
- 4D tesseract unfolding within a 3D environment
- Optional spatial and procedural audio to enhance navigation
- Built with React Three Fiber, Next.js 15, and TypeScript
- Performance benchmarks: 96/100 PageSpeed, 100/100 accessibility and SEO
- Fullscreen and sound controls provided for user preference
Technical Snapshot
| Aspect | Details |
|---|---|
| Experience Type | Interactive developer portfolio (space journey) |
| Rendering | WebGL via React Three Fiber; GLSL shader-based effects |
| Framework & Language | Next.js 15, TypeScript |
| Visual Modules | Real-time supernova, black hole lensing, 4D tesseract |
| Audio | Optional spatial and procedural audio |
| Performance & Quality | PageSpeed 96/100; Accessibility 100/100; SEO 100/100 |
| Target Users | Technical recruiters, hiring managers, senior engineers |
How Facundo Malgieri Works
The experience initializes a WebGL scene orchestrated with React Three Fiber. Each scene focuses on a specific concept—such as a GLSL-driven supernova, gravitational lensing around a black hole, or the animated unfolding of a 4D tesseract in 3D space—so viewers can assess shader proficiency, mathematical modeling, and rendering rigor directly in the browser.
Users are prompted to enable or mute audio and can switch to fullscreen for clarity. Procedural and spatial audio elements align with scene transitions to provide contextual feedback. The application is built with Next.js 15 and TypeScript, reflecting a modern frontend stack that emphasizes reliability, maintainability, and measurable quality standards such as accessibility and SEO.
Core Benefits and Applications
- Talent evaluation: Provides a direct, artifact-based demonstration of graphics programming, React Three Fiber usage, and TypeScript practices for recruiters and hiring managers.
- Technical reference: Offers developers concrete examples of shader work (GLSL), gravitational lensing visualization, and 4D-to-3D transformations.
- Performance and quality baseline: Showcases measurable outcomes (PageSpeed and accessibility/SEO scores) to demonstrate practical optimization results.
- Presentation asset: Functions as a self-contained, interactive showcase for interviews, portfolio reviews, and client or stakeholder demonstrations.
- Learning aid: Highlights how to combine WebGL rendering, audio synthesis, and a modern React/Next.js codebase within a cohesive user experience.