Executando verificação de segurança...
24
birobirobiro
1 min de leitura ·

[PITCH] FocusBrew - Criei um app web de produtividade usando 100% de vibe coding

A ideia principal desse projeto era recriar as funcionalidades de um site que eu usava bastante: o lofi.co.
Infelizmente ele foi descontinuado 😢

lofi.co screenshot
(Imagem do lofi.co)

Foi aí que comecei a "vibe codar" o FocusBrew, minha própria versão, com visual inspirado num sistema operacional estilo macOS.

focusbrew creenshot

A ideia era criar um espaço completo de produtividade e foco com som ambiente Lo-Fi.
O resultado virou um ambiente all-in-one direto no navegador:

Funcionalidades:

  • Previsão do Tempo
  • Cotação de Moedas (USD, BTC, EUR...)
  • Todo App
  • Pomodoro Timer
  • Kanban Board
  • Notepad
  • Habit Tracker
  • YouTube Player
  • Sons ambientes (cafeteria, chuva, teclado, etc)

Ferramentas que usei:

Eu detalhei mais sobre o desenvolvimento e o uso do site em um vídeo em meu canal no YouTube

https://youtu.be/DUh3Cu3ZewU

O projeto é open-source.
Se encontrar algum bug ou quiser contribuir, fique à vontade 🚀

Fonte: https://focusbrew.vercel.app/

Carregando publicação patrocinada...
2
2
birobirobiro
  • Autor
    Autor

Valeu pelo feedback! O vídeo que deixei reproduzindo por padrão é uma live do canal lofigirl e deve ser por isso que não tem anúncios. Todos os vídeos do youtube são embeds apenas

2
hbm

Muito boa iniciativa, apenas uma dica: percebi o volume do mic do vídeo um pouco baixo na captação da tua voz.Outra sugestão, tenta fazer um 2º video também detalhando o desenvolvimento do https://focusbrew.vercel.app/ Eu mesmo fiquei curioso com alguns prompts que deva ter usado.

1
birobirobiro
  • Autor
    Autor

Pois é! foi a primeira vez garavando com esse mic e acabei esquecendo de ajustar na edição do vídeo. Ótima sugestão, vou ver se faço uma parte 2 explicando mais detalhadamente do processo de desenvolvimento

2
Andreldev

Acho sensacional!
Me lembrou o https://lofi-life.vercel.app/ tem essa pegada mas o focusbrew é ainda mais completo.

Tem 1 bug: na tela de áudio, não dá pra pra scrollar até o fim.

E uma sugestão de melhoria: Como ajustar o volume do global da ferramenta, isso porque o teste de notificação que fiz acordou o meu recém nascido 'kkkk

Enfim é isso, ótimo projeto e parabéns

1
birobirobiro
  • Autor
    Autor

Pronto! Resolvido, já criei a funcionalidade de ajustar o volume global (ambients sounds) e das notificações dentro das configurações.

1
birobirobiro
  • Autor
    Autor

Nossa eu lembro desse projeto, ele também foi uma das inspirações que fiz uma vez para estudos.

Obrigado pela sugestão, já vou adicionar essa funcionalidade de controlar o volume global das notificações.

Abraços!

2
teknolista

Como você pretende prosseguir com as manutenções corretiva e evolutiva? Vai ser com vibe coding também?

Não é zoeira, to curioso apenas.

1
1
voidFunction

Que dahora mano! Ficou muito bonito na moral.
Na empresa em que trabalho eu criei um programa usando esse modo de vibe coding também.
A IA que utilizei foi deepseek, e o programa pega informações de um excel, coloca em um world de papel timbrado por que é um oficio financeiro, e depois converte para PDF usando alguns campos do documento para gravação do nome do doc para ficar facil de procurar depois.

1
microsaas

Incrível o app! Parabéns! Encontrei um bug: se o cronômetro estiver ativo, não consigo digitar um espaço em branco no conteúdo de uma nota. Quando eu aperto o espaço ele pausa o cronômetro ao invés de inserir um espaço em branco na nota que estou escrevendo.

1
birobirobiro
  • Autor
    Autor

Que bom que curtiu! Obrigado por reportar o bug, se possível abre uma issue no github reportando que fica mais fácil pra controlar o que já foi reportado/corrigido