Projetos
Coisas que construí, aprendi e publiquei por aí.
Projetos
Coisas que construí, aprendi e publiquei por aí.
InstaTempo: Consulta Meteorológica em Tempo Real
Um aplicativo móvel desenvolvido com React Native (CLI/Expo) que consome dados da API OpenWeather para fornecer informações meteorológicas precisas com base na localização do usuário ou busca manual. O foco do projeto foi a implementação de um fluxo de dados assíncrono e a criação de uma interface dinâmica que reflete as condições climáticas através de elementos visuais e feedback em tempo real.
- react native
- mobile
- api externa
- integração
Estudo de Semântica e Estrutura HTML5
Projeto desenvolvido com o objetivo de criar um ambiente de estudo para os alunos focando estritamente na aplicação de Tags Semânticas e na organização hierárquica do HTML.
- html
- semântica
- aula
- exemplo
MM Assessoria de Corrida
Desenvolvimento de uma Landing Page institucional para a MM Assessoria de Corrida, focada em conversão e experiência do usuário (UX). O projeto foi construído utilizando uma arquitetura moderna baseada em React e Vite, visando a entrega de um site extremamente leve, com carregamento otimizado e alta pontuação no Core Web Vitals.
- assessoria
- corrida
- react
- firebase
Stack Tecnológica:
Frontend: React.js com Vite para o build do projeto.
Estilização: Tailwind CSS (utilizando componentes Radix UI/shadcn/ui para garantir acessibilidade e consistência visual).
Infraestrutura: Deploy e Hosting realizados via Firebase, aproveitando a CDN global para baixa latência.
Gerenciamento de Pacotes: PNPM (garantindo instalações rápidas e determinísticas).
Destaques do Projeto:
Arquitetura de Componentes: Aplicação de padrões de design modulares para facilitar a manutenção e escalabilidade.
Performance: Implementação de técnicas de lazy loading e otimização de assets (imagens e fontes) para garantir um tempo de interatividade (TTI) reduzido.
Mobile First & Responsividade: Interface totalmente adaptável, priorizando a experiência em dispositivos móveis, canal principal de acesso do público-alvo (corredores).
SEO & Acessibilidade: Uso de tags semânticas e práticas recomendadas para garantir visibilidade em motores de busca e inclusão digital.
Desafios e Aprendizados
Otimização do Workflow com Vite e PNPM Neste projeto, optei por abandonar o ecossistema tradicional do Webpack em favor do Vite, buscando um ambiente de desenvolvimento mais ágil. A experiência com o Hot Module Replacement (HMR) instantâneo foi um divisor de águas na produtividade. Complementarmente, a adoção do PNPM como gerenciador de pacotes reforçou a eficiência do projeto, garantindo instalações determinísticas e um uso muito mais inteligente do armazenamento, o que se refletiu em pipelines de deploy mais velozes.
Equilíbrio entre Design Handcrafted e Performance O maior desafio visual foi entregar uma interface que transparecesse o dinamismo da MM Assessoria sem sacrificar a performance. Foi utilizado Tailwind CSS e componentes do shadcn/ui, tendo como foco garantir que a estética "clutter-free" não fosse apenas visual, mas também estrutural, resultando em um código limpo que reflete diretamente na velocidade de carregamento e na pontuação de SEO.
Estratégia Mobile-First em Ambientes Externos Considerando que o público de uma assessoria de corrida acessa o site muitas vezes em trânsito ou em locais de treino, a responsividade foi tratada como prioridade técnica. Foram implementadas técnicas de Lazy Loading e otimização agressiva de assets para garantir que, mesmo em redes móveis instáveis (4G/5G), a interatividade inicial fosse mantida.
Escalabilidade e Deploy com Firebase A escolha do Firebase Hosting permitiu focar estritamente no desenvolvimento do produto, delegando a complexidade da infraestrutura. Essa abordagem serverless validou a premissa de que para landing pages de alta conversão, a simplicidade na arquitetura de hospedagem é o caminho mais seguro para estabilidade e segurança.