Pitch: Money Notes

O propósito

Sempre fiz alguns projetinhos para consolidar algo que eu estava estudando, mas dessa vez eu resolvi criar algo mais completo, por ter mais tempo disponível, então eu busquei incluir algumas coisas que eu tinha pouco ou nenhum contato em cada uma das etapas.

Comecei pela ideia (que é o menos importante nesse caso), resolvi transformar minha planilha de controle de despesas em um app, então esse foi o ponto de partida. Em seguida fui passando por cada um dos passos que formavam meu objetivo: construir um produto de ponta à ponta, sozinho.

Etapas

Prototipação

Utilizando o Miro e o Figma, comecei rabiscar qual seria a melhor forma de exibir um retrato das despesas de um período. O maior desafio aqui foi manter a usabilidade simples, e tornar os inputs práticos.

Figma

Backend

Um projeto feito em NodeJs e MongoDB, que faz autenticação e o crud das principais informações de despesas. Aqui o desafio foi sensacional, me aprofundei nas aggregations do mongo e entendi como construir uma visualização de dados performática.

Endpoints da API

Frontend

O Flutter me permitiu criar um app extremamente flexível, que pode ser executado em praticamente qualquer plataforma, meu principal foco foi a web. Me permiti criar animações e detalhes que ainda não tinha tido tanto contato.

Dashboard Credit Card

Métricas e análises

Utilizando o Firebase Analytics e a funcionalidade de charts do Mongo Atlas, montei algumas visualizações de métricas para entender desenpenho produto: Número de usuários, volume de despesas cadastradas, eventos recebidos e outras.

Minha conclusão

Você pode até se desanimar quando pensa no trabalho que vai ter para tirar um projeto do papel, mas a quantidade de skills que você agrega quando coloca um objetivo desses vai muito além do retorno que seu projeto vai trazer.

Comece a criar um produto hoje, qualquer coisa!


Link do aplicativo: https://www.moneynotes.site

Te dei 4 upvotes. Que projeto sensacional. Coincidentemente, era o que eu estava procurando há algumas semanas. Tem coisas que só acontecem no TabNews, haha! 😁

Se o medo/preguiça de tirar uma ideia do papel e enfretar um projeto é grande, maior ainda será o sentimento de recompensa por realizá-lo! Os layouts ficaram top! Parabéns pelo artigo.

Muito bom, eu tive a mesma percepção quando finalizei o meu primeiro projeto que procatinei a beça. Parabéns continue assim.

Cara ta muito bacana, cumpre o serviço de quem quer uma interface limpa e intuitiva pra anotar o fluxo financeiro, sinto falta de sites que gestão que não queiram fazer 1001 coisas ao mesmo tempo, estou chegando agora vou utilizar e relato alguma melhoria de experiencia ou bug se necessário. Inclusive deixo a sugestão de criar um dark mode.

Rapaz, ficou muito bom, já estou usando, se liberar ele na playstore ou um apk, da uma avisada, vou baixar com toda certeza, vlww o/

Muito bacana esse projeto. Uma coisa que todo mundo devia fazer era o controle do próprio dinheiro (registrar gastos é uma boa forma) mas falta disciplina. A alguns anos eu alimentei um sistema muito bacana também o https://aurelio.net/moneylog/ para quem programa e JS é uma coisa linda de se ver pois funciona no browser com uma página estática que vc salva localmente. Mas como disse, o grande problema é a tal da disciplina. Talvez em um sistema de gamificação resolve isso sei lá.

Gostei do seu projeto em Júnior, loguei pra testar e realmente a usabilidade ficou bem simples e bem daora. vou usar como inspiração pra fazer layouts no futuro. A maioria dos devs (inclusive eu), sem pre inicia projetos pessoais mas nunca termina a ponto de colocar no ar igual você fez, com certeza isso é um diferencial! Parabéns pelo projeto!

A UI ficou muito boa, parabéns! 👌

Ficou muito bonito, parabéns. No momeno o site não carregou para testar, vou tentar mais tarde.

Não sei quanto vai custar para manter o backend ativo, mas uma sugestão que dou é lançar o app na playstore e salvar todos os dados do usuário no próprio dispositivo, assim não vai ter gasto nenhum para manter o app e tu pode ganhar algum dinheiro colocando admob.

Não sei se o Mongo possibilita isso de local storage, mas caso não, dá para usar o sqlite

Isso aí ficou elite demais, muito bom! Já manjava de design assim?

Valeu Cristiano! Eu sempre curti e trabalhei muito próximo dos times de design, acompanhava a criação do design system, participava de algumas dinâmicas de UX como "penetra" por curiosidade e tentava sempre gerar o maior alinhamento possível entre pessoas de design e pessoas de tech. Mas não só em design, sempre tento participar (mesmo que seja como ouvinte), do processo de outras disciplinas, e inclusive coloco isso como ponto chave pra eu ter conseguido um cargo de liderança.

Muito masssa, sou dev junior e o processo de implementar algo novo no projeto é a mais complicada para mim

Me lembrou o site da Vivo 📞 De fato, muito bonito o design. Não consegui entrar,deu erro de login, mas pelas imagens dá pra ver a dedicação e o esforço colocados no projeto. Qual a IDE usada? Não reconheci essa imagem

IDE desconhecida