An interactive, VS Code–powered portfolio. Built with systems thinking, physics-driven design, and stupidly high standards.
Live: https://luisguilher.me
This is not just a portfolio. It is a miniature IDE, wired with real state management, a virtual file system, code rendering, and an internal architecture designed like a production system.
You can explore my resume, open files, read code, view diagrams, inspect repositories, and even print a professional CV using Ctrl+P or the download button.
A portfolio that behaves like real software. Everything inside the site simulates how I think, how I design systems, and how I write code.
flowchart TD
A["User visits luisguilher.me"] --> B["Next.js App Shell"]
B --> C["IDE UI Layer"]
C --> D["Tree of Files"]
C --> E["Binary Tree of Views"]
C --> F["Monaco Editor Instance"]
F --> G["Markdown Renderer + Mermaid"]
C --> H["Interactive Canvas Engine (p5.js)"]
C --> I["Repositories Fetcher"]
I --> J["GitHub API"]
D <---> E
E <---> F
Design Principles
- Deterministic UIs
- Stateful, reversible actions
- Tree-based architectures (like real editors)
- Zero magic — everything explicit
mindmap
root((FileContext))
Static Files
CURRICULUM.md
README.md
Local App Code
/src
/components
/reducers
External Repos
/repositories
fetched from GitHub API
Your split-pane layout is stored as a binary tree, just like VS Code.
graph TD
A[Root Pane]
A --> B[Left Pane]
A --> C[Right Pane]
B --> D[file: CURRICULUM.md]
C --> E[file: README.md]
C --> F[file: src/pages/_app.tsx]
An integrated AI assistant (powered by Google Gemini) resides in the right sidebar. It has full context of this repository, meaning you can ask it to explain the codebase architecture, search for specific technologies I've used, or query my professional experience in real-time.
My resume is a live markdown file (CURRICULUM.md). You can read it, edit it (in memory), and interact with it just like code.
Need a copy? Click the Download PDF button in the sidebar or press Ctrl + P. The app generates a clean, ATS-friendly PDF of my curriculum, stripping away the UI and formatting it perfectly for recruiters.
Everything feels familiar: explorer, tabs, editor, markdown preview, and diff viewer.
My public repositories appear as folders inside the app. You can browse the actual code of my projects without leaving the site.
Search through all open files and loaded repositories instantly.
p5.js-powered animations that react to your interactions, adding a layer of "physics" to the experience.
Ctrl + Q switches between a sleek dark mode and a clean light mode.
Multi-Room Pong/Breakout Hybrid A real-time multiplayer game combining Pong and Breakout. Built with a Go backend using a custom Actor Model library (Bollywood) for high concurrency and zero dependencies.
- Live: pongo.luisguilher.me
- Repo: github.com/lguibr/pongo
AlphaZero-style AI Agent An AI agent that learns to play a custom puzzle game using Reinforcement Learning, MCTS, and PyTorch. Features distributed self-play via Ray and asynchronous stats logging.
- Playable Game: tricrack.luisguilher.me
- Repo: github.com/lguibr/alphatriangle
Pose Matching PWA An interactive app for practicing poses (dance, yoga, martial arts). Uses TensorFlow.js and BlazePose for real-time body tracking and scoring in the browser.
- Live: mimeflow.luisguilher.me
- Repo: github.com/lguibr/Mimeflow
Create music from text. TonAI is a simple web app that lets you create and visualize music using a chat interface. Just describe what you want to hear, and it plays it for you. Built with React, Tailwind, Tone.js, and Google Gemini.
- Live: tonai.luisguilher.me
- Repo: github.com/lguibr/tonai
git clone https://github.com/lguibr/luisguilher.me
cd luisguilher.me
yarn install
yarn devVisit http://localhost:3000.
- Toggle theme → Ctrl + Q
- Print CV → Ctrl + P
- Restart tour → Ctrl + Shift + 2
- Flash loading animation → Ctrl + Space
- Toggle Markdown preview → Double-click editor
Open a PR. I care about code clarity and deterministic behavior.
yarn lintMIT — feel free to fork, remix, or learn from the architecture.