Blurry

El problema

Cada vez que abria el navegador para trabajar, terminaba con 30 pestanas abiertas y cero concentracion. Las apps de productividad existentes eran demasiado complejas o demasiado invasivas. Queria algo que simplemente difuminara todo lo que no necesitaba ver en ese momento, sin bloquear nada ni ser agresivo.

La idea inicial

Una extension de navegador ultra simple que difumina todo excepto la pestana activa. Sin configuracion, sin dashboards, sin gamificacion. Solo un boton: enfocate. La idea era que la herramienta fuera tan invisible como el problema que resolvia. No queria otra app que gestionar, queria algo que desapareciera cuando no lo necesitara.

El proceso

1. 1

   Empece con un prototipo de extension de Chrome usando la API de tabs para detectar la pestana activa.

2. 2

   Anadi un overlay CSS con backdrop-blur que se aplicaba a todas las pestanas inactivas.

3. 3

   Descubri que el enfoque no era solo visual, anadi un modo 'zen' que ocultaba tambien las notificaciones del sistema.

4. 4

   Itere en el UI creando un popup minimalista con un solo toggle y un timer Pomodoro opcional.

5. 5

   Probe con 5 amigos desarrolladores y todos pidieron lo mismo: estadisticas de enfoque. Lo anadi en la v3.

Tecnologías

• Chrome Extensions API

  Base de la extension

• React

  UI del popup

• Tailwind CSS

  Estilos del popup y overlay

• Chrome Storage API

  Persistencia de datos locales

Lo que aprendí

Las mejores herramientas son las que resuelven tu propio problema. No construyas para usuarios imaginarios, construye para ti. Si te funciona a ti, probablemente le funcione a alguien mas. Tambien aprendi que la simplicidad radical es mas dificil de lograr que la complejidad. Quitar features fue mas dificil que anadirlas.