Dogs Frontend
Plataforma frontend para compartilhamento de fotos de cães, com autenticação, feed público, postagem de imagens, comentários e estatísticas de uso.
Feito com
- React
- Vite
- React Router DOM
- Victory
- Vite Plugin SVGR
- CSS Modules
- PropTypes
- Fetch API
Contexto
O Dogs foi desenvolvido como projeto de aprendizado inspirado pela metodologia da Origamid. A proposta foi construir uma experiência social completa para publicar, descobrir e comentar fotografias de cães.
Objetivo
O objetivo foi reunir autenticação, navegação pública e privada, publicação de imagens, perfis de usuário e estatísticas em uma interface simples e responsiva.
Processo
O desenvolvimento foi organizado pelos fluxos da aplicação: cadastro e recuperação de conta, feed com carregamento infinito, detalhes e comentários das fotos, área autenticada, upload e visualização de estatísticas.
Decisões técnicas
A interface utiliza React 19 com Vite, React Router DOM para rotas públicas e protegidas, CSS Modules para isolamento dos estilos, Fetch API para comunicação com o backend e Victory para os gráficos de uso.
Desafios
Os principais desafios foram coordenar autenticação JWT e persistência da sessão, proteger rotas, controlar estados assíncronos do feed infinito e oferecer respostas claras durante uploads, comentários e falhas da API.
Resultados e aprendizados
O resultado é uma aplicação funcional com fluxos públicos e autenticados. O projeto consolidou práticas de composição com React, roteamento, integração com APIs REST, organização modular de estilos e tratamento de estados de interface.
