Pixel — Diagnóstico de pantalla
Una app que prueba la pantalla de tu teléfono y ayuda a reparar píxeles atascados.
Pixel es una app para el teléfono que revisa una pantalla en busca de problemas y ofrece cinco modos de reparación para píxeles atascados. La diseño y la desarrollo yo solo con Expo y React Native.
Pixel es una app para el teléfono que cuida tu pantalla. Incluye cinco animaciones de reparación para píxeles atascados, cinco pruebas de pantalla, una linterna con más de 30 colores y un pequeño servidor que analiza una foto de tu pantalla y encuentra los puntos defectuosos. La desarrolló una sola persona con Expo y React Native.
- Rol
- Solo — diseño y código
- Plazo
- En curso
- Stack
- Expo SDK 54 · React Native 0.81 · React 19 · TypeScript (strict) · Reanimated v4 · Express 5 · PostgreSQL · Drizzle ORM · sharp · React Compiler + New Architecture
La idea
Un píxel atascado a menudo se puede reparar, con el espectáculo de luz adecuado.
La ciencia.
A veces un puntito de tu pantalla se queda atascado en un solo color. Si le lanzas destellos de colores brillantes, lo bastante rápido y durante el tiempo suficiente, muchas veces despierta. Cada problema necesita una luz distinta: destellos rápidos, ondas de color lentas o ruido aleatorio. Un solo modo de reparación no basta, por eso la app tiene cinco.
Qué es la app.
Pixel es un kit completo para la pantalla construido alrededor de esa idea. Tiene cinco animaciones de reparación, cinco pruebas de pantalla, una linterna con más de 30 colores y un servidor que revisa una foto de tu pantalla y señala los píxeles que necesitan ayuda. Una app, dos tareas: encontrar el problema y luego repararlo.
La función principal
Cinco modos, cinco maneras de reparar un píxel.
Cada modo hace parpadear la pantalla de una forma distinta.
- Color-Cycle — Destellos rojos, verdes y azules en orden aleatorio. El modo versátil que funciona cuando no sabes qué falla.
- Fast-Flash — Negro y blanco puros, parpadeando 60 veces por segundo. La señal más fuerte, para píxeles muy atascados.
- Random-Pixel — Mil puntitos de estática de TV, repintados en cada fotograma. El patrón que ayuda con un píxel totalmente muerto.
- Pulse-Wave — Ondas de color lentas con cambios suaves de brillo. Un modo delicado, para marcas dejadas por imágenes que estuvieron demasiado tiempo en pantalla.
- Gradient-Sweep — Un arcoíris que recorre la pantalla, un píxel a la vez. Detecta puntos tenues que un destello a pantalla completa no alcanza.
Encontrar los problemas, no solo repararlos
Una revisión completa de la pantalla dentro de una herramienta de reparación.
Cinco pruebas seguidas.
Screen Test te guía por cinco pruebas breves: píxeles muertos, brillo uniforme, escalones de color suaves, velocidad de respuesta y precisión del color. Puedes hacer la revisión completa de una vez o saltar directo a la prueba que te interesa.
Y cuatro más al lado.
También hay una Touch Test (¿cada parte de la pantalla siente tu dedo?), una Calibración de pantalla para brillo y color, una Pixel Test a todo color para detectar píxeles muertos a simple vista y una pantalla de resumen. En total, nueve pantallas de revisión dentro de una sola app.
El servidor
Un backend que realmente mira tus píxeles.
Cómo funciona.
Tomas una foto de tu pantalla y la app la envía a un pequeño servidor. El servidor analiza la imagen, encuentra los puntos donde los colores se ven mal y devuelve sus posiciones exactas. Luego la app dibuja esos puntos sobre la vista de tu cámara, para que sepas dónde dirigir la reparación.
De qué está hecho el servidor.
- Express 5 — Un pequeño servidor web con una sola tarea: recibir la foto y responder rápido.
- sharp para el análisis — Una herramienta de fotos que mide la imagen píxel por píxel, rápida y precisa.
- PostgreSQL + Drizzle — La base de datos. La app y el servidor comparten un mismo conjunto de tipos de datos, así que siempre hablan el mismo idioma.
- Entrega en un solo archivo — El servidor se empaqueta en un único archivo pequeño con un solo comando de inicio, fácil de ejecutar en cualquier lugar.
La función extra
Una linterna escondida en una app de reparación.
Más de 30 colores, brillo con un gesto.
La pestaña Lantern es una linterna de colores: más de treinta colores, un control deslizante de brillo y un modo de pantalla completa donde deslizar el dedo hacia arriba y abajo cambia la luz en tiempo real. Incluso se sincroniza con el ajuste de brillo del propio teléfono. Nadie la espera en una app de reparación de pantalla, y es la razón por la que muchas personas dejan la app instalada.
Oficio
Los pequeños detalles que lo mantienen unido.
Lo que hay bajo el capó.
- Tamaños que se adaptan — El texto y los botones se ajustan al tamaño del teléfono, para que en un teléfono grande cada etiqueta no parezca un titular.
- Un solo archivo de tema — Todos los colores, espaciados y estilos de texto viven en un solo archivo. Lo cambias una vez y toda la app lo sigue.
- Íconos que encajan en cada plataforma — Íconos al estilo de Apple en iPhone e íconos equivalentes en Android: cada plataforma se siente como ella misma.
- El motor de React más nuevo — La app corre en el motor más reciente de React Native, que mantiene fluidas incluso las animaciones más pesadas.
Siguiente proyecto: Sprout — Afirmaciones sobre el dinero