An interactive digital identity and project showcase built to explore and refine my programming skills. The project is live and hosted at kylianmalartre.com.
This portfolio utilizes a Bento Grid architecture to organize my projects into a cohesive experience. It features real-time system monitoring, recursive visual components, and custom-filtered SVG aesthetics to create a unique, high-fidelity atmosphere.
- Recursive "Inception" Engine: A self-referencing card utilizing the native View Transitions API to capture a hardware-accelerated, GPU-level viewport screenshot. This enables a seamless 60fps "dive" animation without VRAM saturation.
- Concurrent System Probing: Real-time environment analysis executing concurrent
Promise.alltasks to fetch IP/ISP metadata and calculate network latency viaperformance.now()measurements. - Analog Narrative Engine (Valentine): An integrated visual system combining
feDisplacementMapSVG filters for "pencil-drawn" textures,clip-pathpolygons for 3D envelope physics, and a custom stop-motionMiniStickercomponent for randomized sprite-toggling. - UX & Performance Optimization: Implementation of a
ZoomLockcomponent and viewport constraints to prevent accidental scaling on mobile devices. Uses hydration-safe logic to prevent SSR/CSR mismatches during system data fetching. - Technical SEO Integration: Advanced metadata management using Next.js 15, featuring JSON-LD structured data injection for Google Person schemas and canonical URL synchronization.
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Icons: Lucide React (System & Project iconography)
- Optimization: Next/Font (Local optimization for Pixel and Handwritten typography)
- KlipScheduler: Full automation of TikTok clip scheduling and publishing using Python and Playwright.
- KlipMachine: AI-powered pipeline (Whisper AI / FFmpeg) to transform long-form content into viral clips.
- margaux-love-letter: An interactive, mobile-optimized stop-motion narrative experience.
- net-a22: Low-level logic puzzle game built with C and the SDL library.