Skip to content
const portfolio = { loading: true, status: 'initializing...'};
0%
Projectssession // projects.index
Renan's mascot avatar
on

Projects

const shipped =

Not just a list — a live console. Click any project to open it, or type a command.

renan@portfolio: ~/projectslive

$

→ 3 featured projects indexed · 2 categories · https ✓

$▋
click a project to open it, or type open fii-tracker
metric_1stable

0

projects

metric_2stable

0

categories

metric_3stable

0%

served over https

Web App · Game · HTML · Next.js · TypeScript · B3 · Data Viz · Canvas · Simulation · Game design · Pixel art · Vanilla JS · Arcade · Typing · Speed · Memory · Simon · CSS · HUD · Deduction · Mastermind · Cryptography · Cipher · SVG · Pathfinding · GitHub Copilot · MCP · JavaScript ·

02~/renan-rios$ls -la ~/projects▋

All projects

Filter by how each one was built or where it lives. Links open in a new tab.

12 projects shown. Filter: All.

fii-tracker.netlify.app
Brazilian Portfolio Tracker screenshot
Web App2026

Brazilian Portfolio Tracker

A private B3 portfolio and dividend tracker for Brazilian investments, with a read-only demo mode, live holdings overview, dividend analytics, allocation charts, position treemap, performance views and transaction management.

Next.jsTypeScriptB3+1
$fii-tracker.netlify.appopen
fa18c-radar.netlify.app
F/A-18 Radar Operator screenshot
Game2026

F/A-18 Radar Operator

A study-level F/A-18 radar intercept trainer — a retro green-phosphor take on running a fighter's RWS scope: sweep up contacts, slew the TDC, and make positive-ID intercepts across guided training drills and tactical missions.

CanvasSimulationGame design+1
$fa18c-radar.netlify.appopen
renanrios.com.br
Counter Hack screenshot
Game2026

Counter Hack

A Cyberpunk-style missile-command game — a hacker's take on intrusion defense. Detonate firewall pulses to neutralize waves of incoming hack attacks before they breach your grid nodes, then pick a roguelite upgrade after every wave. 10 escalating waves, three lives, and every wave is procedurally generated and provably winnable at base capacity (verified by a built-in self-test).

Vanilla JSCanvasArcade+1
$renanrios.com.bropen
renanrios.com.br
Overclock screenshot
Game2026

Overclock

A Cyberpunk-style speed-typing game — a hacker's take on command injection. Type the streaming command payloads exactly to inject them, clearing the queue before the clock or the corruption buffer overflows. 10 escalating levels, three lives, and every payload set is procedurally generated and provably clearable (verified by a built-in self-test).

Vanilla JSTypingSpeed+1
$renanrios.com.bropen
renanrios.com.br
Handshake screenshot
Game2026

Handshake

A Cyberpunk-style memory game — a hacker's take on Simon. Watch the authentication handshake light up the pads, then echo the growing sequence back before the clock runs out. 10 escalating levels, three lives, and every sequence is procedurally generated and provably reproducible (verified by a built-in self-test).

Vanilla JSMemorySimon+1
$renanrios.com.bropen
renanrios.com.br
Cyberdeck Mainframe screenshot
Game2026

Cyberdeck Mainframe

A Cyberpunk-style mission-control terminal that ties all my browser games into one full-screen HUD, with live SYSTEM and NETWORK panels framing a command deck that boots up and launches every one of my playable games.

Vanilla JSHTMLCSS+1
$renanrios.com.bropen
renanrios.com.br
Root Access screenshot
Game2026

Root Access

A Cyberpunk-style deduction game — a hacker's take on Mastermind. Crack a hidden credential code from exact/partial feedback pegs, deducing it within a tight attempt budget before the timer flatlines. 10 escalating vaults, three lives, and every code is provably solvable within the attempts (proven by a built-in solver self-test).

Vanilla JSDeductionMastermind+1
$renanrios.com.bropen
renanrios.com.br
Decrypt screenshot
Game2026

Decrypt

A Cyberpunk-style cipher-cracking game. Break a Vigenère-encrypted payload by tuning multiple-choice key dials — each locks green when it's right and the plaintext resolves live — before the timer flatlines. 10 escalating levels, three lives, and every cipher is procedurally generated and provably solvable (verified by a built-in self-test).

Vanilla JSCryptographyCipher+1
$renanrios.com.bropen
renanrios.com.br
Traceroute screenshot
Game2026

Traceroute

A Cyberpunk-style network infiltration game. Hop through a live node-graph, grab the access keys and reach the core before a relentless red counter-trace runs you down — dodging honeypots, spending GHOST and REROUTE to slip the hunt. 10 escalating networks, a second trace on the hard tiers, three lives. Built in vanilla JS with an animated SVG graph; every level is procedurally generated and provably winnable.

Vanilla JSSVGPathfinding+1
$renanrios.com.bropen
renanrios.com.br
The Breacher screenshot
Game2026

The Breacher

A Cyberpunk-style breach protocol hacking game built as a 10-level gauntlet. Upload daemons by chaining hex codes under the alternating row/column rule before the buffer fills or the timer flatlines. Three lives, escalating grids and sequences. Clear all ten and you're the master hacker. Vanilla HTML/CSS/JS, zero dependencies, every puzzle provably solvable.

Vanilla JSHTMLCSS+1
$renanrios.com.bropen
mymscockpit.netlify.app
MyCockpit screenshot
Web App2026

MyCockpit

A local-first productivity dashboard that pulls your whole workday — Microsoft 365 calendar and email, Azure DevOps work items and pipelines, and GitHub PRs and commits — into one opinionated view. A “Plan My Day” Copilot agent then reasons over it all to produce a prioritized, time-blocked schedule, so you always know what to focus on and why.

Next.jsTypeScriptGitHub Copilot+1
$mymscockpit.netlify.appopen
renanrios.com.br
Dark Terminal Theme Preview screenshot
HTML2026

Dark Terminal Theme Preview

A self-contained gallery of dark terminal color schemes — realistic Apple Terminal mockups rendered in each scheme's real colors, with one-click copy of the palette.

HTMLCSSJavaScript
$renanrios.com.bropen