Nautilus

Sobre o projeto

Nautilus é um aplicativo web para gerenciamento de competições de natação. O sistema centraliza o gerenciamento de atletas, clubes, competições e dos eventos que compõem cada competição.

O projeto foi uma reconstrução completa de um sistema existente originalmente desenvolvido em Clipper. O aplicativo foi reconstruído do zero, tendo o banco de dados existente como única parte do sistema original que foi mantida.

Reconstruindo o sistema

O aplicativo existente precisou ser completamente substituído, preservando os dados que já estavam armazenados no banco de dados.

Redesenhei os principais fluxos e traduzi as funcionalidades do sistema legado para uma nova experiência web, buscando uma hierarquia de informações mais clara, interações mais consistentes e padrões de interface reutilizáveis.

A reconstrução também permitiu repensar a arquitetura do aplicativo em vez de simplesmente reproduzir a estrutura do sistema original em Clipper.

Desenvolvimento full stack

Fui responsável pelo projeto em toda a sua stack, incluindo frontend, backend e integração com o banco de dados.

Desenvolvi o frontend em Angular e construí o backend com NestJS, criando as APIs e regras de negócio necessárias para o novo aplicativo. O banco de dados existente foi mantido e adaptado para funcionar com o novo sistema.

Design system

Projetei a interface no Figma e estabeleci padrões reutilizáveis para as interações mais comuns do aplicativo.

O design system abrangia elementos como formulários, tabelas, navegação, estados de feedback e outros componentes recorrentes. Isso proporcionou uma linguagem visual e de interação consistente, além de facilitar a manutenção e evolução da interface.

Meu papel

Fui responsável pelo design de UI/UX, arquitetura e desenvolvimento do frontend, desenvolvimento do backend e integração com o banco de dados.

Criei os protótipos no Figma, defini os padrões reutilizáveis da interface, implementei o frontend em Angular, desenvolvi o backend com NestJS e trabalhei com o banco de dados SQL Server existente para integrá-lo ao novo aplicativo.

Implementação

O aplicativo foi reconstruído do zero utilizando Angular e NestJS, com SQL Server como banco de dados. O banco de dados existente foi a única parte do sistema original em Clipper que foi mantida.