System_Initializing
0%

NATTAN JOHN

Full Stack

Foco em performance, estabilidade e interfaces reativas orientadas à experiência do usuário.

// 01. Technical_Expertise

Competências
Técnicas.

Atuação prática no desenvolvimento de aplicações web modernas, com foco em performance e integrações escaláveis. Experiência sólida na construção de APIs, consumo de dados em tempo real e organização de código orientada a manutenibilidade e crescimento do produto.

Backend & Data

Node.js · Express.js · APIs REST · GraphQL · PostgreSQL · SQL Server · Docker · JWT · Autenticação e Autorização

Frontend & Arquitetura

HTML · CSS · React · Next.js · Tailwind CSS · TypeScript · JavaScript · Recharts · Performance Web · Clean Code · Arquitetura de Software

Tooling & Workflow

Git · GitHub · GitLab · Metodologias Ágeis · Versionamento · Docker

// 02. Professional_Trajectory

Trajetória
Profissional.

Linha do tempo de experiências práticas envolvendo desenvolvimento frontend, backend e full stack, com foco em arquitetura escalável, performance e entrega de sistemas utilizados em produção.

AGO 2024 - MAR 2025

BEAN SOFTWARES

> DESENVOLVEDOR FULL STACK

[01]

Atuação com React, TypeScript, Recharts, Node.js, Express.js, APIs REST e GraphQL, criando dashboards e relatórios automatizados que transformam dados operacionais em visualizações claras, interativas e orientadas à tomada de decisão;

[02]

Desenvolvimento e manutenção de APIs REST e GraphQL em Node.js e Express.js, aplicando validação de dados, tratamento de exceções e boas práticas de segurança em ambientes produtivos;

[03]

Otimização de performance frontend com redução de até 40% no tempo de carregamento, aplicando lazy loading, otimização de assets, renderização eficiente e redução de requisições;

[04]

Implementação de autenticação e autorização com JWT, painéis administrativos dinâmicos, controle de usuários e permissões, filtros inteligentes e paginação performática;

[05]

Modelagem e otimização de bancos de dados PostgreSQL e SQL Server, com normalização, criação de índices, ajuste de consultas SQL e melhoria contínua de performance;

[06]

Padronização de ambientes com Docker e controle de versão com Git (GitHub, GitLab e Bitbucket), assegurando consistência técnica, colaboração eficiente e qualidade nas entregas;

[07]

Participação ativa em code reviews, decisões técnicas e cerimônias ágeis Scrum, contribuindo para padronização, escalabilidade e evolução contínua das soluções.

MAR 2023 - AGO 2024

PREFEITURA DE BALNEÁRIO CAMBORIÚ

> DESENVOLVEDOR FRONT-END

[01]

Desenvolvimento e manutenção de sistemas internos públicos, com foco em performance, usabilidade e segurança, atuando no frontend com React.js e Next.js integrados a serviços backend e APIs corporativas;

[02]

Implementação de módulos de controle de usuários e permissões, dashboards internos para monitoramento de processos e filtros inteligentes de dados, assegurando organização, rastreabilidade e segurança das operações;

[03]

Modelagem e desenvolvimento de páginas web responsivas utilizando React, Next.js e CSS moderno, aplicando boas práticas de acessibilidade como ARIA, contraste adequado e navegação por teclado;

[04]

Integração com APIs REST e GraphQL, realizando validação de dados, tratamento de erros e manipulação eficiente de respostas, com apoio do Postman para testes e documentação técnica;

[05]

Otimização de performance frontend, reduzindo o tempo de carregamento em até 30% por meio de lazy loading, compressão de imagens, otimização de assets e melhorias na renderização de componentes React;

[06]

Utilização de Context API e Redux Toolkit para gerenciamento de estado global, garantindo previsibilidade, escalabilidade e melhor organização da lógica da aplicação;

[07]

Controle de versionamento com Git e GitHub, incluindo criação de branches, gestão de merges e manutenção de histórico organizado e colaborativo;

[08]

Atuação em ambiente ágil utilizando Kanban, aplicando Clean Code, React Hooks, boas práticas de engenharia e uso de Tailwind CSS, Material UI e Shadcn UI para interfaces modernas e consistentes.

ABR 2022 - MAR 2023

SYMME

> DESENVOLVEDOR FRONT-END

[01]

Manutenção e implementação de pequenas funcionalidades no site institucional utilizando React.js, JavaScript, HTML e CSS, garantindo integração consistente, segura e alinhada aos padrões visuais da empresa;

[02]

Desenvolvimento e manutenção de sistemas internos e externos, incluindo aplicativo corporativo para colaboradores e site institucional, com foco em performance, usabilidade e entregas de alto impacto;

[03]

Correção de bugs e inconsistências de layout e experiência do usuário, aplicando ajustes responsivos para diferentes navegadores e dispositivos, aumentando estabilidade e confiabilidade das aplicações;

[04]

Atuação no suporte e evolução do aplicativo utilizado por colaboradores para registro de ponto, consulta de escalas e acompanhamento de horários, tornando a interface mais intuitiva e estável;

[05]

Otimização de desempenho do site e do aplicativo em Flutter por meio de melhorias na renderização de componentes, lazy loading e ajustes de scripts, resultando em carregamento mais rápido;

[06]

Estruturação de componentes modulares e reutilizáveis com Styled Components, Material UI e boas práticas de design responsivo, facilitando manutenção, padronização visual e escalabilidade;

[07]

Utilização de React Hooks e Context API para gerenciamento de estado e organização da lógica de componentes, promovendo código mais limpo, legível e sustentável;

[08]

Participação ativa em rituais ágeis (Scrum e Kanban), realizando estimativas, acompanhando prioridades e utilizando GitHub para versionamento, branches e colaboração eficiente em equipe.

// 03. Project_Deployment

Operações
Concluídas.

Proprietary_Architecture_Locked

Full-Stack System

MARKETPLACE B2B B2C

Plataforma de conexão entre empresas (B2B) e pessoas (B2C) com prestadores de serviço e freelancers.

Analyze_Data →

Proprietary_Architecture_Locked

Industrial Real-time Monitoring

SISTEMA DE EMBALAGENS

Ecossistema industrial composto por três aplicações integradas para monitoramento de pesagem e leitura de códigos em esteiras de produção automatizadas.

Analyze_Data →
POMODORO
Productivity Tool

POMODORO

Aplicação de gerenciamento de tempo baseada na Técnica Pomodoro, com foco em experiência do usuário, personalização e precisão do cronômetro.

Analyze_Data →
MONITORAMENTO CLIMÁTICO
Full-Stack Distributed System

MONITORAMENTO CLIMÁTICO

Plataforma distribuída de monitoramento climático em tempo quase real, integrada com pipeline de coleta, processamento, persistência e exibição de dados meteorológicos com insights gerados por IA.

Analyze_Data →
PORTAL DE NOTÍCIAS
Frontend + Fullstack para Portfolio/SEO

PORTAL DE NOTÍCIAS

Portal de notícias moderno focado em acessibilidade, performance mobile e SEO profissional. Possui renderização dinâmica, testes automatizados, otimização de imagens e arquitetura baseada em Atomic Design.

Analyze_Data →
AI.PRO - LANDING PAGE PREMIUM
Conversion-Focused High Performance LP

AI.PRO - LANDING PAGE PREMIUM

Landing page de alta performance desenvolvida para infoprodutos e SaaS, focada em engenharia de prompt. Implementa estratégias avançadas de UI/UX para maximizar a taxa de conversão e performance SEO.

Analyze_Data →
MEDCORE - HEALTHCARE PREMIUM LP
High-End Medical & Healthcare Landing Page

MEDCORE - HEALTHCARE PREMIUM LP

Landing page de alto padrão desenvolvida para o nicho de saúde, focada em clínicas de ortopedia e fisioterapia. Combina design humanizado com performance técnica extrema para converter visitantes em pacientes agendados.

Analyze_Data →

Código Limpo & Refatoração

Desenvolvimento de código legível, modular e sustentável, seguindo princípios de Clean Code e SOLID.

Arquitetura Escalável

Construção de sistemas preparados para crescimento, utilizando NestJS, GraphQL e ambientes containerizados.

Segurança Aplicacional

Implementação de autenticação JWT, autorização de acessos e proteção de rotas críticas.

Controle de Versão Ágil

Versionamento e colaboração eficientes com Git, GitHub e GitLab, aplicando Scrum e Kanban.

// 04. Establish_Connection

Iniciar Nova
Operação.

Entre em contato para falar sobre oportunidades, projetos ou colaborações. Será um prazer iniciar uma nova operação juntos.

NATTAN_JOHN.EXE

System Architect & Full Stack Developer

© 2026 All Rights Reserved

GitHub/V1.0.42