Flores Online

Portfolio

O Flores Online é um aplicativo Android e iOS para comprar flores e presentes, com destaque para seu marketplace integrado. Nele, lojas parceiras contam com páginas próprias para apresentar e vender seus produtos, ampliando as opções de presentes disponíveis no aplicativo. Os usuários podem explorar o catálogo, refinar a busca com filtros, consultar os produtos disponíveis para o destino e realizar a compra, escolhendo a data e o período de entrega. A experiência também inclui acompanhamento de pedidos e avaliações das compras.

Fui responsável pelas decisões técnicas e pela arquitetura do frontend, trabalhando no aplicativo desde o início do desenvolvimento até a publicação nas lojas. Também automatizei a geração e o envio de builds para Android e iOS, com um único comando em cada plataforma. Além disso, implementei melhorias de usabilidade que contribuíram para aumentar as avaliações do app nas lojas, de 2,4 para 4,6 estrelas.

Início — aplicativo Flores Online

Início

Categorias, busca e destaques de flores disponíveis para o endereço e a data selecionados.

Tecnologias

  • React Native
  • TypeScript
  • Node.js

Desafios

Meu maior desafio foi integrar o marketplace ao aplicativo, considerando os produtos de vendedores parceiros e as regras de disponibilidade por CEP. Foi necessário implementar validações ao longo da jornada de compra para impedir pedidos de produtos indisponíveis para o endereço selecionado. Outro desafio foi desenvolver filtros mais detalhados, combinando diferentes critérios de busca e integrando as regras e os dados do backend para apresentar resultados consistentes e facilitar a escolha dos produtos.

Aprendizados

Aprendi a aproveitar melhor as bibliotecas do ecossistema React Native para simplificar o desenvolvimento e a manutenção do aplicativo. Também aprimorei a criação de testes automatizados com Detox, validando os fluxos do app para identificar falhas e reduzir regressões. Um destaque foi o uso do react-forms para organizar formulários com vários campos na mesma tela. Também substituí o AsyncStorage pelo MMKV no armazenamento local, aproveitando suas leituras síncronas e mais rápidas. Com o Redux Toolkit, simplifiquei a implementação e a manutenção do gerenciamento de estado. Além disso, aprimorei minhas habilidades com TypeScript, utilizando a linguagem em todo o frontend.