DEV Community: Caio Gomes Braga

Launching My First MVP: Divide Conta 🚀

Caio Gomes Braga — Wed, 14 May 2025 11:17:58 +0000

Hey everyone!

I'm excited to share that I've just launched my first MVP on my new website aue.dev, a platform where I plan to publish simple tools that solve real-life problems.

💡 What is Divide Conta?

Divide Conta (Portuguese for "Split Bill") is a tool designed to help people split expenses fairly and easily. Whether you're sharing bills after a trip, dinner, party, or event, this tool helps you figure out who owes what to whom — without headaches.

With Divide Conta, you can:

Add participants
Register who paid for what
Automatically calculate the fair distribution
Avoid spreadsheets and confusion

All in a clean, fast, and account-free experience.

🛠️ About the Build

I've been a software developer for over 5 years, mainly working with Flutter and helping turn real ideas into working products. Divide Conta was born out of a common pain I noticed in my own routine: how annoying it is to settle shared expenses.

This project was built as a lean MVP, focused on solving one clear problem. Now I'm in the most important phase: testing it with real users.

🙏 Can You Help?

If you've ever struggled to split costs with friends or roommates, please check out Divide Conta, give it a try, and share your feedback with me!

Whether it's a bug, an improvement idea, or a totally new feature you’d love to see — I’d really appreciate your input. 🙏

This is just the beginning. I’m already working on more ideas and will document everything on dev.to.

Follow me here if you’re curious to see how this journey evolves!

Thanks for reading,

Caio Gomes Braga

Como pegar localização em segundo plano flutter - Flutter Background Geolocation - Android ?

Caio Gomes Braga — Fri, 29 Apr 2022 18:30:04 +0000

Nesse artigo falarei sobre a minha jornada para resolver um problema complexo, e como você pode fazer o mesmo, seja para corrigir erros em um plugin ou em qualquer outra coisa que precise.

Durante o desenvolvimento de uma funcionalidade para o app da empresa que eu trabalho, passei pelo maior desafio da minha carreira até agora. tive que implementar uma funcionalidade, que não era nativa do framework e que não possuía plugins prontos para o uso. A funcionalidade já existe em outras frameworks, que não o flutter e no flutter, com as versões mais recentes do android as funcionalidades gratuitas acabaram se tornando desatualizadas e a paga acaba por ser muito cara, e eu não estava disposto a pagar ainda. Então como resolver?

Para saber como resolver, explicarei minha jornada, pois considero mais importante do que algumas linhas de código jogadas. Ao explicar o que fiz, espero poder ajudar outros programadores iniciantes, como eu, a encontrarem soluções parecidas para seus problemas, que podem ser diferentes do meu.

--- O inicio ---

O primeiro passo ao me deparar com o problema foi pensar no que poderia ser feito, para isso usei o google e tentei diversas soluções prontas, o que logo descobri não solucionarem o problema, pois ao adicioná-las encontráva diversos erros e nada funcionava. Até que me deparei com esse artigo: https://medium.com/flutter-comunidade-br/flutter-background-geolocation-android-4bf10eb6f646 feito por Bruno Eleodoro Roza. Bruno teve o mesmo problema que o meu, dois anos antes de mim, e conseguiu retirar do problema uma solução brilhante. Através desse artigo comecei a considerar que a única solução era usar código nativo para resolver meus problemas e fazer uma comunicação do código nativo com o flutter. Infelizmente não pude solucionar meu problema da mesma forma que ele fez, não importava o tempo que eu passasse e na hora eu não sabia o porquê, mas apesar disso. Mas ainda bem que tinha contatos das redes sociais no próprio artigo, pois assim consegui me conectar com ele no linkedin e perguntar diretamente. Sério, não sei quantas vezes pude corrigir um problema pedindo ajuda para alguém mais experiente que eu. Peça ajuda. Nós programadores, por ficar tanto tempo na frente dos computadores, esquecemos que tem pessoas do outro lado.

Caro leitor, deixa eu te contar uma história com uma lição no final. Na escola técnica tinha um trabalho em que se formavam grupos de cinco alunos e cada grupo precisava usar um software específico. O software do meu grupo havia sido feito por um aluno de mestrado e ao contrário de seu artigo, seu software não era achado muito facilmente. Assim foi com a maioria dos outros grupos, no final das contas no dia da apresentação somente um grupo conseguiu apresenta e não era o meu. A maioria dos alunos ficou furiosa e o professor perguntou: quantos e-mails vocês mandaram para os escritores dos artigos? No final das contas o professor deixou os grupos apresentarem os trabalhos em outro dia, e todos conseguiram os softwares que precisavam, pois todos os editores estavam contentes em ajudar e em responder nossos e-mails. A lição que eu tirei nesse dia foi: conversar e pedir ajuda faz parte do processo, ou como esse meu professor diria: "vocês não são quadrados, se vira kkkkk".

Mas voltando pro assunto inicial, ao conversar com Bruno, quem fez o artigo, ele me falou o motivo da desatualização. Ele me explicou algo que eu não sabia, que o JAVA do android avançaram bastante desde que ele havia desenvolvido o código. e por isso poderia não estar funcionando, além de com o artigo dele eu conseguir aprender um pouco mais da comunicação do flutter com o nativo e de como plugins para o flutter funcionavam.

--- O meio ---

Tenho que admitir que a idéia de usar código nativo me assustou, não sabia nada daquilo e duvidei se conseguiria achar alguma solução para esse problema, mas decidi confiar nas palavras de Filipe Deschamps que ouvi a alguns anos atrás no vídeo: https://www.youtube.com/watch?v=ZtMzB5CoekE

e mudei a minha forma de pensar. A forma que a gente tende a agir nesses problemas tende a ser se nós conseguimos ou não em determinado período de tempo que nós exigimos, a mudança proposta nesse vídeo é acreditar que conseguimos resolver qualquer desafio, só que levaremos tempos diferentes.

--- O fim ---

Com essa ideia na cabeça passei a pensar em uma solução própria, armado das experiências recém adquiridas e de uma comunidade pronta para resolver esse desafio. E a solução que funcionou para mim foi fazer o fork do plugin público que possuia o código no github da comunidade do flutter chamado background_locator e corrigi os erros que ele tinha no meu código, esse plugin já tinha sido testado por mim nas partes iniciais de resolução do problema, ainda quando buscava soluções prontas no google. Porém estava dando muitos conflitos com o meu código e de acordo com as ishues do github com o código de outros colegas programadores.

Todo esse processo de criar teses, testar teorias e repetir quando algo dava errado durou mais ou menos uma semana, mas não podemos nos abalar quando enfrentamos esses problemas, temos que nos lembrar que somos capazes e contamos com o apoio de outros desenvolvedores no processo:

aqui vai o github do meu projeto, deixe o feedback se você consegue usa-lo: https://github.com/caiobraga/background_locator

What is it like to be part of a startup and go to college at the same time?

Caio Gomes Braga — Tue, 07 Sep 2021 21:29:03 +0000

A little of history...

Original post in: programador-de-quintal.com.br/l/what-is-it-like-to-be-part-of-a-startup-and-go-to-college-at-the-same-time/

Well, I am a student in the first period of the computer science course. I have a blog that documents my journey and expresses my opinions, in addition to having worked for a while in programming and marketing. Almost a month ago, three partners and I participated in a competition that evaluated our entrepreneurial ideas, thanks to our second place in this competition, we made the decision to mature our idea and take it forward with the objective of helping many rural producers. For this it was necessary to learn more and to learn more we sought to participate in an acceleration program for accelerated coffee, which is in progress as I write. But there is a detail: I have a full schedule, because of college and other obligations and sometimes it is difficult to reconcile the entrepreneurial vein with the academic vein, but answering your main question in a short way:

Is it possible to reconcile everything?

The answer is yes! And of course it changes from case to case, but there are wonderful people on my team that besides college and startup, have jobs and internships out there. But beware! assess your situation carefully. Don't think it's easy, it isn't! Your work will probably be much more complex than if you had it in any other environment. Entrepreneurship requires a lot of time and effort. My first tip if you want to get into this area is to set up a personal agenda. Define everything you do from week to week, put in pencil free time you can work, activities you want to sacrifice and that you can't give up. I'm sure that with the data in hand you can make a good decision.

It is worth it?

I cannot guarantee that my opinion will not change over time, considering that we have only one month of work, but the current view is that YES, it is very worthwhile due to the amount of learning and knowledge acquired throughout the process and the possibility of having a real impact on people's lives associated with the dream of being able to help them in the future with our technology is incredible. So in terms of personal satisfaction, I can guarantee that it's very worthwhile. But if your question is about the bottom line, I'm not so sure this is for you. Understand: Of course, one of the goals of a startup is to be financially successful, but that shouldn't be the ultimate goal of its founders in my view. That's because statistically (I hope not with ours) startups fail. The path is very tumultuous, it's difficult to create a new startup from scratch, especially if you don't already have the money to invest in your business and have to chase investors.

Therefore, to support all the months and years of work with little or no return it is necessary that you and your partners aim for good beyond the financial. And I say this from experience, because my initial vision was also to make as much money as possible with a business and, to be honest, I don't know if I would still be in the startup if I continued thinking like that. ## How is the routine of a startup in the acceleration process? It can be said that the motto of any startup in the process of accelerating is: "The work is infinite". Get ready for a few weeks and months of hard work and learning. Being more specific, and telling you a little bit about my experience. We have:

→ Monday:

Pitch and presentation of progress and work done to a judging panel, other startups and/or investors starting at 18:30.

→ Tuesday:

Multiple lectures from 6pm to 8pm + internal meetings and lectures from 8pm to 10pm or 11pm;

Legal advice.

→ Wednesday:

Lectures and networking with colleagues who are on the same boat from 6 pm to 8 pm;

Advance projects for next week; Direct contact with potential customers.

→ Thursday:

Lectures and orientations with guests from 6pm to 7pm + Work for the week from 6pm to 11pm;

Direct contact with potential customers.

→ Friday:

Mentoring from 5pm to 8pm;

Soft-skills training;

Projects for the week;

Direct contact with potential customers.

→ Saturday:

Realization of projects for the week from 6pm onwards.

→ Sunday:

Review of projects made during the week and deliveries to newsstands/preparation for pitch from 18:00 to 22:00.

I'm glad you read until here. I hope you have enjoyed, more tips and a thots in : programador-de-quintal.com.br/l/what-is-it-like-to-be-part-of-a-startup-and-go-to-college-at-the-same-time/

An inspiration for web design: Where you can go and a career based on maisyleigh

Caio Gomes Braga — Fri, 20 Aug 2021 13:35:26 +0000

We use you tube a lot in our day-to-day life, many of us can use it to rest or look for answers and tutorials of all kinds. During my time on you tube, I came across a very special channel called maisyleigh, which deserves the attention of all those programmers looking to get inspired.

Introduction:

In any career it's good to have goals set. Knowing where we want to go helps us make plans and gives us a better sense of what we should learn and how to do it. However, in programming it is not always so easy to find a model to be inspired by, as there are few programmers who actually demonstrate their development process.

Although there are many tutorials, in the most diverse fremeworks, there is still a lack of in-depth content on creative and development processes that transcend technology. Fortunately for English speakers and web designers, today I bring someone who inspires me and can inspire you too.

moreyleigh:

channel: https://www.youtube.com/channel/UC_h-Jl4Zxb7p-sSBTxprs4Q

maisyleigh talks about various subjects in her videos and shows her development process, but in general, she discusses how to find inspiration to make unique sites. However the most important is in the way she conveys her ideas, at the end of a video, even if you are not a web designer, you will feel inspired to program.

However if you are really looking to be a web designer maisyleigh's content is a great example of their profession on a spectacular level. If your goal is to change people's lives with your work, expect to receive a class with some videos from this channel.

Career:

In my experience, web design is highly valued in the job market, many front-end developers manage to make a website, code, but it is the web designers who make a website unique.

I don't mean that the two professionals should compete, many web-designers, including maisyleigh, also program and do the work of the front-end developer. What I mean is that they are technically different services.

In theory, it's as if the web-designer is an architect and the front-end developer is the engineer. Large companies understand that both are necessary for the effective and rapid development of a given technology.

But the fact is that the market misses web-designers, especially those who also know about the technical part of development.

see video reviews here (portuguese): https://www.programador-de-quintal.com.br/l/uma-inspiracao-para-web-design-a-onde-voce-pode-chegar-e-carreira-com-base-na-maisyleigh/

see video reviews here (english): https://www.programador-de-quintal.com.br/l/an-inspiration-for-web-design-where-you-can-go-and-a-career-based-on-maisyleigh/

Next.js Conf – Special Edition - What's new in next.js?

Caio Gomes Braga — Wed, 23 Jun 2021 19:13:57 +0000

The Next conference, which took place on the 15th of the 6th of 2020, was based on the UX User Experience and the DX Developer Experience, claiming to be the main concerns of the next, along with making the internet faster, which has been the theme from vercel, responsible for the framework.

UX e DX

At this conference it was talked about the user experience (UX) and the developer experience (DX). According to the philosophy of next, the user experience is about real-time feedback.

I've been using next for some time and I can calmly say that in this aspect it doesn't fall short. I remember talking to my friend and programmer at the time about developing an application in next and publishing using vecel and how good that was. At the time he answered me something like "but other technologies do that" and I answered something like "but he has something different because you know I don't usually talk about something if it doesn't impress me". Well, the next one impressed me at the time and it still impresses me today in that sense

The presentation of the next .js/11

The presentation of next.js 11 reinforced the concern with the developer experience, claiming that they reduced the time it takes to start an application from scratch in the next and for errors to be presented on your screen.

1 - What's new?

Next.js/live: The true form of real-time collaboration. An innovation that promises. With it, it will be possible to comment, share, design and edit the code of your application through vercel's servers. I can't wait to see the applications of this tool on the desktop, the announcement of this conference drew attention to this innovation of the next that seems to be vercel's main bet for the react framework.
Images: The "image" component of next.js received a lot of attention from the 8 minutes of the announcement. It was talked about its importance in relation to performance optimizations in one of the main causes of slow loading of pages, which is the images, which has a big impact on the second base of thought of the next: the user experience. Also, next images can now have image placeholders, responsible for filling the "empty holes" of images that didn't load due to a bad internet connection. This new feature essentially improves the user experience with a weak internet connection.
Script component: In this new version of next.js, the script component responsible for optimizing third-party scripts was introduced. Another technique that claims to improve both the user experience and the developer experience:

Comformance

Conformance is a set of rules that can evaluate code patterns will need to be a combination of static code analysis and dynamic checks. Provided by google in partnership with next

Conformance is responsible for answering the following questions:

what constitutes optimal loading and what are the common issues that can adversely impact it?

What solutions can be incorporated that don't need any developer input?
How can we ensure that the developer uses these solutions and takes advantage of them optimally?
What other choices could the developer make to affect loading performance?
What are the coding patterns that can tell us about these choices (#3 and #4 above) at the beginning of creation?
What rules can we formulate for evaluating these code standards?
How can they be presented to the developer at creation time while seamlessly integrated into the workflow?

Techniques for learning to program anything and learn programming faster (without programming ease)

Caio Gomes Braga — Wed, 23 Jun 2021 19:10:00 +0000

Link to the original article (Portuguese): https://programador-de-quintal.webnode.com/l/tecnicas-para-aprender-a-programar-qualquer-coisa-sem-ter-facilidade-com-a-programacao/

In this article we are going to discuss a little bit about the process of learning something in programming. If you follow the step by step and implement this way of thinking in your career as a programmer, your life will be much easier. I guarantee. This article was inspired by a video that changed the way I learn, all concepts were even tested in my life.

1 - Don't compare

Many people think that gift doesn't exist, and it really is a debatable subject. But the fact is, from the outside it seems like for some people your age or younger than you, programming comes naturally, and concepts you don't know seem to be obvious to those people. Talented or not, the fact is that comparing yourself with these people we feel unmotivated.

Demotivation is bad for you, exclude thoughts like "I can't do it". Think differently, people will learn faster than you and that's normal. It doesn't mean you won't learn, just that you'll learn in your own time.

Don't compare!

2 - Expose yourself to what you want to learn, even without understanding anything

Read articles, watch videos and try programming something. When the feeling of "I don't understand anything" hits, CONGRATULATIONS! You are making progress. But and now? If feeling lost won't get you anywhere, so read more, see more videos and schedule more. No matter how long it takes, the truth is that eventually you will learn. Our brain was made to adapt, it has a characteristic that allows its own physical structure to change to adapt to the environment we play for it. So don't be afraid to expose your brain as much as possible to what you want to learn

Expose yourself to what you want to learn, even without understanding anything

3 - Do not copy and paste, enter your code

In programming, we created the habit of copying and pasting from an early age, but this mania should be extinguished when it comes to learning something. Just the fact of writing makes you learn a little more. But my suggestion is:

Write and ask yourself "What does this line of code do?"

This habit will make you learn what you want faster.

Do not copy and paste, enter your code

4 - Get back to the subject

After a few days you've learned a subject, come back to it or review your code, do you remember everything?

review will help your long-term memory. Try to come back to the subject from time to time and you will see your learning improve a lot.

back to the subject

5 - The honor of the shirt

What drives me forward in learning is this abstract concept of honoring the programmer's shirt. This part I admit will not make sense to everyone, but it made a lot of sense to me in the past and it still does.

Imagine the programmers who came before us. They created the computers, the programming logic and they made the first programs without the sea of content that the internet brings. When I think about it, the desire to learn arises, I honestly think our job is relatively easy compared to theirs. It makes me want to go further

What is gun.js?

Caio Gomes Braga — Tue, 08 Jun 2021 14:49:03 +0000

Lately a technology that has been calling my attention is Gun.js, besides being easy to use it also has a very interesting concept about how we should see data, usage and rights over it. Today I'm going to talk a little more about what gun.js is, as well as discuss Decentralized web concepts

1 - Gun is based on Decentralized web or "Dweb" and aims to make the internet freer and less greedy

The way the internet works today is dependent on large corporations, which store their data on their own servers. However, this has caused some discomfort for millions of people around the world, with the suspicion that these large corporations are using data and personal information for marketing and choosing what people see on the internet.

2 - What is Dweb

Dweb stands for decentralized internet, and it's the concept Gun.js is based on.

The idea behind Dweb and hence behind Gun.js is that the internet is formed by a concept of community. Soon the information would be stored through the devices of all users of the system. Each one storing a bit of information along with the free servers provided by Gun.js itself

This makes the internet not only freer but also cheaper for programmers and consequently for end users. Since, large companies today are responsible for taking a large part of the money that goes into the system and also able to freely access a large part of the data without having to know for sure whether we are providing data to be spied on or not

3 - Gun.js

GUN is an ecosystem of tools that allows you to create encrypted applications that run thanks to a community.

With it were created versions of youtube and other social networks

The database is formed by the user's information stored on his own machine, on other users' machines and on larger servers in the system, which allows the information to remain reliable and prevents loss of information if a user's device is lost. Besides, it's an amazing concept to think you're part of a giant database.

more info in my blog

Incredible tools for web design.

Caio Gomes Braga — Thu, 20 May 2021 15:02:47 +0000

1 - CSS Gradient :: cssgradient.io/

CSS gradient is an incredible tool that every front-end programmer should have. in it, you create a visual color gradient, and when you find one that you like, you can easily implement it in your code, with the good old Ctrl + c and Ctrl + v.

2 - Animista :: https://animista.net/

If during the development process you need to make animations. Animalistic is the tool that will facilitate your development. It allows a preview of the animations and that changes all their values. when you're satisfied, the tool still gives you the code that allows this effect to happen

3 - ColorHunt :: colorhunt.co/

Color hunt is a mandatory site in the development of any site, many times I have seen myself with a second window open on that site during development. This site is responsible for showing several color palettes that make sense! And best of all with their respective hexadecimal codes.

4 - Pexels :: pexels.com

Pexel.com is the best way to get free images for your website. I recommend.

5 - Clippy :: bennettfeely.com/clippy/

Clip-path is a CSS property that allows complex shapes to be made. This site addresses this property and helps with the code in the most diverse ways, with its preview you will achieve the most diverse effects. This property and this website are perfect for you to give a program a new look, or add the 10% of detail that takes a program from the ground to the sky.

6 - CSS Generator :: cssgenerator.org/

This site will help you to create the most diverse CSS filters. It contains several functions and previews.

7 - Keyframes.app :: keyframes.app/

This site condenses some of the previous sites. Helping in web design by providing several functions and visual tools that helped in creating shadow and color animations.

8 - Normalize.css :: necolas.github.io/normalize.css/

Normalize.css is a small CSS file that helps your code consistency across multiple browsers, correcting bugs for some inconsistencies that exist between browsers. you as a web designer don't even notice that it's there, and that's great. Because it means that he is doing an important job for you.

9 - Voxel.css :: www.voxelcss.com/

A CSS library for 3D rendering !!! If you're like me, you're already excited about this concept. the desire to do a project with him just by listening to it. The possibilities vary from animations and games. Worth knowing.

10 - Blush :: blush.design

blush.design creates beautiful illustrations, made by artists around the world. I'm sure you will recognize these illustrations, because they are being used by several marketing companies

more in: https://programador-de-quintal.webnode.com/

contact me: https://www.linkedin.com/in/caio-braga-3038b5147/