Full Stack · BR
Portfólio
PROJETO AUTORALGAMING DEVELOPMENTFIVEM · 2026
PLAYER ESPACIAL / NUI

NN
Music.

Desenvolvi o NN Music unindo uma NUI em React ao client e ao servidor FiveM em Lua. O trabalho envolveu interface, reprodução espacial, integrações externas, persistência e controle das sessões.

FiveMJavaScriptLuaMariaDBReact
01 / Interface

Uma experiência musical
integrada ao jogo.

A NUI concentra busca, reprodução, fila, letras, favoritos e playlists em uma interface pensada para manter a imersão. Cada ação se conecta ao client e ao servidor do recurso em tempo real.

Preview do projeto
02 / Arquitetura & Implementação

Como o NN Music
foi construído.

A experiência foi dividida em camadas com responsabilidades claras. Selecione uma delas para ver a implementação, as decisões técnicas e as tecnologias envolvidas.

01 / Interface e estado

NUI / React

A NUI concentra catálogo, biblioteca, fila, letras e player. Callbacks nomeados conectam a interface ao jogo, enquanto o motor de áudio seleciona YouTube ou SoundCloud e descarta revisões de sessão já superadas.

  • Bootstrap com 5 favoritas, 20 recentes e 12 mais tocadas
  • Favoritos paginados em lotes de 50 com cursor opaco
  • Player e biblioteca atualizados por revisão de sessão
Transporte
NUI callbacks + mensagens
Players
YouTube / SoundCloud
Consistência
Revisão monotônica
CSSHTMLJavaScriptReact