durancristhian / coronabingo Goto Github PK

Corrí un análisis del sitio en Lighthouse y obtuve este hermoso reporte

¿Qué cosas podemos hacer para mejorar?

Por lo pronto de lo que vi rápidamente:

• Ver como cargar async la librería de los emojis que la usamos para mostrar boludeces y la tenemos bloqueando el render
• Creo que tenemos un error en el meta viewport

Crear un index.ts dentro de utils y usar ese archivo para exportar todo lo que tiene esa carpeta. Esto nos va a permitir importar todo directamente desde ~/utils

Estamos haciendo lo mismo en la carpeta interfaces

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Crear un componente llamado "Heading" dentro de "/components" que tenga los estilos que tienen todos los títulos. Ejemplo:

Requerimientos:

• Renderea children
• Recibe como prop el tipo de heading que tiene que dibujar (h1, h2, h3, h4)
• Se estira todo lo que puede a lo ancho
• Tiene los estilos de los títulos, font-medium, letra responsive, texto centrado, etc. Que son los estilos que tienen todos los títulos, con mirar un ejemplo se entiende, sino preguntar.
• Cualquier otro detalle visual que se considere necesario

Luego, reemplazar todos los títulos del sitio por el nuevo componente

Contestar este issue si te interesa hacerlo

Crear un componente llamado "Box" dentro de "/components" que tenga los estilos que tienen todas las cajas blancas del sitio. Ejemplo:

Requerimientos:

• Renderea children
• Tiene igual padding en todos los lados
• Se estira todo lo que puede a lo ancho
• Tiene sombra
• Cualquier otro detalle visual que se considere necesario

Luego, reemplazar todas las cajas blancas del sitio por el nuevo componente

Contestar este issue si te interesa hacerlo

No encuentro documentacion de como compilarlo o como configurar el Firebase

Pullear la data de players y responder las siguientes preguntas:

• Promedio de players por sala
• Top de players por sala

Se puede saber si un jugador efectivamente jugó mirando su doc en firebase? Capaz tiene un campo de última actualización y se puede saber con eso

Hoy en día, compartimos la URL sin el protocolo entonces en WhatsApp no arma el link y hay que copiar y pegar

Creo que window.location.protocol te da el protocolo actual

Mandar el PR al branch v1.11.0

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Para investigar, el error que tira next en runtime es este https://err.sh/zeit/next.js/incompatible-href-as

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Estaría bueno que haya segundo rol en la sala (además del admin) que sea quien tiene acceso a la botonera de sonidos.

Analizar y proponer algo

Hoy en día los deploys los hago yo desde mi máquina y quiero cambiar eso. Poco a poco fui en estos días actualizando scripts y demás en vistas de tener un alguna especie de CI.

Por lo que estuve viendo, integrar Zeit for GitHub va a requerir que demos de baja el sitio un ratito, porque ya existe una app coronabingo en mi cuenta y con esto la volvería a crear. Tengo que acordarme de subir los .env de staging 🤞🏼 para que los PRs no se buildeen con las env de prod

También estaría copado integrar estas 2 cosas:

• https://zeit.co/integrations/lighthouse
• https://zeit.co/integrations/deploy-summary

Hoy a la noche cuando el tráfico baje, lo haremos

Explicación: Al reiniciar la sala, no todos los atributos de la sala se están reseteando correctamente. Eso se debe porque solo cambiamos readyToPlay a false, pero no se están reseteando otros valores como selectedNumbers, soundToPlay o confettiType a sus valores por defecto.

El hotfix consistió en: clavar un selectedNumbers: [] en el método readyToPlay del admin

Lo que se busca hacer: En este método que es el click del botón confirmar en el modal de reiniciar sala poner los atributos de la sala que tengan sentido con valores por defecto para que nada de esto pueda volver a pasar. Y obvio que eliminar el hotfix

Mandar el PR al branch v1.11.0

Necesitamos poner en la home una sección con un video que tengo que subir a youtube donde se explica como jugar. Hay un video por idioma.

Creo que lo piola sería que haya un botón con un texto de intro y ese botón abra un modal con el video ahí.

Mandar el PR al branch v1.11.0

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

La sección de "Últimos números" genera un array de colores random cuando la página se carga, por lo cual, cambia si la página se refresca, entre tabs y entre las personas que están jugando.

Propongo dejar fijos esos colores, el último número que salió que siempre sea amarillito (bg-yellow-500, por ejemplo) y el resto siempre gris (bg-gray-300, por ejemplo). De manera de agregar más visibilidad al número que más importa y eliminar este caso que es innecesariamente complejo.

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Probar la solución propuesta en https://gitmemory.com/issue/cypress-io/cypress/2761/500480220 o agregar un polyfill

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Crear un componente llamado Anchor en /components que sirva para estandarizar todos los links EXTERNOS que hay en el sitio. Por ejemplo:

• Mi nombre que lleva a Twitter en el footer
• El link al formulario de feedback en el banner arriba del footer
• El link a Google Hangouts en la home

No recuerdo si hay alguno más.

La idea sería que el componente renderee children y que tenga los estilos que tienen todos esos links mencionados

Luego, reemplazar todos los links visualmente parecidos del sitio por el nuevo componente

Contestar este issue si te interesa hacerlo

https://caniuse.com/#feat=promise-finally

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Puede servir para validar lo que se ganó, por ejemplo: con el número de cartón, se valida si efectivamente ganó comparando los números con los del bolillero

Estaría bueno meter en un context los toasts y que ese componente se encargue de mostrar los mensajes que hoy en día se muestran con el componente Message.

Habría que editarlos visualmente para que sean negros los de information, se puedan apilar si hay más de 1. Junto con esto estaría bueno inhabilitar secciones que disparan acciones como peticiones http. Por ejemplo, al crear una sala, inhabilitar el form, mostrar el Toast de creando sala y luego que se creó satisfactoriamente.

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Habría que revisar el componente de Confetti para ver si podemos hacer que los divs que se animan cayendo pueden contener una imágen, un fondo, diferentes tamaños y que podamos customizar eso para que caigan otras cosas. Esto permitiría festejar y también lamentar sucesos (como que caigan F si alguien pierde la oportunidad de cartón)

Analizar y proponer algo

• The Office: This is the worst
• The Office: No God No
• Friends: Let's get ready to rumble

Estaría bueno que cuando entrás al sitio te muestre en un modal o haya un link para leer sobre las últimas novedades.

Quizás en localStorage se pueda guardar la versión en cada visita y compararla, si cambió, mostrar el modal de esa versión. O algo así, por otro lado, debería salir 1 sola vez, cerrarse o cancelarse. Seguro es algo que muchas apps o sitios hacen. Habría que buscar un ejemplo.

Mandar el PR al branch v1.11.0

Este issue está disponible para ser tomando, mencionarme en un comentario para que te lo pueda asignar

Usar https://emoji-css.afeld.me/ para dibujar emojis que se vean bien en cada sistema operativo

No document to update: projects/coronabingo-bf16f/databases/(default)/documents/rooms/7XgAXRuSy3uecpYltsg7/players/en1lIkanu7aQOoTn6C6e