App construída com React Native e Expo. O objetivo principal é apresentar uma arquitetura robusta, uma experiência de usuário fluida e uma interface visualmente atraente.
Este aplicativo foi desenvolvido do zero para ser uma plataforma cross-platform (iOS, Android e Web), focando em três pilares essenciais:
- Beleza: Interfaces limpas, modernas e com atenção aos detalhes, utilizando recursos como
expo-blureexpo-imagepara uma experiência visualmente rica. - Performance: Animações fluidas a 60 FPS com
React Native Reanimated, feedback tátil comexpo-hapticse otimizações de navegação para garantir uma resposta instantânea. - Completude: Uma solução completa que inclui autenticação de usuários, navegação complexa e uma base de código organizada e escalável com TypeScript.
Para alcançar nossos objetivos, utilizamos um conjunto de tecnologias de ponta do ecossistema React Native. A escolha de cada ferramenta foi pensada para maximizar a produtividade do desenvolvedor e a qualidade do produto final.
- Framework: React Native & Expo SDK 53
- Roteamento: Expo Router v5 para uma navegação declarativa e baseada em arquivos.
- Autenticação: Clerk (
@clerk/clerk-expo) para uma gestão de usuários segura e simplificada (login, cadastro, etc.). - UI & Componentes:
- React Navigation (
@react-navigation/bottom-tabs): Base para a estrutura de navegação, incluindo abas. - Expo Vector Icons: Acesso a milhares de ícones para enriquecer a interface.
- Expo Image: Componente de imagem otimizado e performático.
- Expo Blur & Haptics: Efeitos de desfoque e feedback tátil para uma experiência de usuário premium.
- React Navigation (
- Animações e Gestos:
- React Native Reanimated & Gesture Handler: Para criar animações complexas e interações de gestos de forma nativa e performática.
- Qualidade de Código:
- TypeScript: Para um código mais seguro, legível e manutenível.
- ESLint: Para garantir a consistência e a aplicação de boas práticas no código.