Estrutura do Frontend
O Fin utilizou o framework Lovable para criar uma experiência mobile-first, priorizando a versatilidade e facilidade de uso no dispositivo móvel. Este enfoque permitiu que o desenvolvedor não apenas mantivesse a experiência de uso, mas também aprimorasse-a para dispositivos móveis.
Banco e Autenticação
Para a parte de banco de dados e autenticação, o Fin optou por Supabase, uma ferramenta que oferece recursos de gerenciamento de banco de dados e autenticação já prontos, sem a necessidade de implementar um backend. Isso permitiu que o desenvolvedor se concentrasse em outras áreas cruciais do projeto.
Hospedagem e Deploy
O Fin foi hospedado e deployado na própria plataforma Lovable e na Vercel, uma solução de hospedagem e deploy automatizados que facilitou o processo de lançamento e manutenção do aplicativo.
Desafios Técnicos
O maior desafio técnico enfrentado pelo desenvolvedor foi a otimização do gráfico de gastos do mês. Começando com uma renderização completa que causava travamento no dispositivo móvel, o Fin optou por uma abordagem de virtualização da lista e lazy loading para carregar apenas o gráfico do mês atual e anteriores, melhorando a performance.
Gráficos e Design
Para a parte gráfica, o Fin optou por usar um canvas simples em vez de bibliotecas de gráficos mais pesadas, o que permitiu manter o app leve e eficiente. Esta decisão reflete uma abordagem consciente de otimização que contribuiu para a experiência de uso do aplicativo.
Conclusão
O Fin é um exemplo de como uma stack tecnológica robusta pode ser usada para criar um app de finanças pessoais eficiente e intuitivo. Com foco em desempenho, usabilidade e otimização, o Fin oferece uma alternativa de aplicativo de finanças que pode ser usada para testes e feedbacks, fornecendo uma base sólida para futuras melhorias e desenvolvimentos.