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.

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.

fii-tracker.netlify.app
Brazilian Portfolio Tracker screenshot
$openfii-tracker
open

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 radar scope. Work the range, azimuth, bars and antenna elevation to sweep up contacts, slew the TDC to read range, bearing, altitude and closure, then make positive-ID intercepts under ROE across guided training drills and tactical missions. A standalone pixel-art sim, outside my Cyberpunk hacker games.

fa18c-radar.netlify.app
F/A-18 Radar Operator screenshot
$openfa18c-radar
open

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).

renanrios.com.br
Counter Hack screenshot
$opencounter-hack
open

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).

renanrios.com.br
Overclock screenshot
$openoverclock
open

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).

renanrios.com.br
Handshake screenshot
$openhandshake
open

Cyberdeck Mainframe

A Cyberpunk-style mission-control terminal that ties all my browser games into one full-screen HUD. Live SYSTEM and NETWORK side-panels — clock, signal graphs, a memory matrix, a sweeping radar and traffic readouts — frame a command deck that boots up and launches every game: a real command line (ls, info, run, history, tab-complete), clickable program tiles and a reactive on-screen keyboard. Runs The Breacher, Traceroute, Decrypt, Root Access, Handshake, Overclock and Counter Hack; every game links back. Vanilla HTML/CSS/JS, zero dependencies.

renanrios.com.br
Cyberdeck Mainframe screenshot
$openmainframe
open

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).

renanrios.com.br
Root Access screenshot
$openroot-access
open

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).

renanrios.com.br
Decrypt screenshot
$opendecrypt
open

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.

renanrios.com.br
Traceroute screenshot
$opentraceroute
open

The Breacher

A Cyberpunk-style breach protocol hacking game — the same code-matrix puzzle that guards my WorkIQ page, turned into 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.

renanrios.com.br
The Breacher screenshot
$openthe-breacher
open

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.

mymscockpit.netlify.app
MyCockpit screenshot
$openmycockpit
open

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.

renanrios.com.br
Dark Terminal Theme Preview screenshot
$openterminal-themes
open