We need to translate all the JSON files to English, which are located here.

For reference, you can find the Spanish translation in this folder.

It can be a good idea to send PRs for one file at a time.

The files that need to be translated are:

• common.json - Used in the Header, Footer, Rules, unoRules, Select, StartGame, and pages_/index and pages_/rooms/index files.
• index.json - Used in pages_/index file.
• playerId.json - Used in playerId, WinnerBoardLayout, WildCardOptions, CurrentMovePlayerOptions, GameInProgress files.
• roomId.json - Used in pages_/rooms/index file.

Remember to follow the instructions from the Readme, to run the app.

Hola Gri, la idea de este issue es sugerirte cosas para agregar, modificar y corregir.

• Agregar un README: esto parece una pavada pero es re importante. De hecho, en el coronabingo no tengo uno 😅 , está el genérico que me creó next.js cuando inicié el proyecto. Aunque no sea súper detallado, está bueno poner que te motivó a hacerlo, que tecnologías usaste, como se clona y se corre el proyecto, que variables de entorno necesitás, etc. así otras personas pueden colaborar también. Insisto, en el coronabingo no lo tengo hecho y es algo para mejorar, pero en tu caso que es uno de tus primeros proyectos y cuando lo difundas seguro muuucha gente lo va a ver, es una muy buena puerta de entrada. BONUS: Hacé una grabación de pantalla o gif mostrando 10 segundos de la pantalla del juego como para tener más impacto.

• Habilitar esta línea donde se active el plugin que elimina estilos de más cuando se buildea el proyecto para producción. Quizás lo comentaste porque algo no funciona? Mirando el css creo que te falta usar este comentario para poder "encapsular" los estilos que no se deberían eliminar. Fijate en el css del coronabingo.

• No hay un pages/_document.js. En este archivo podés configurar la estructura base de HTML que van a tener todas las páginas. Esto te sirve para poner los metatags de Analytics (que lo voy a detallar en otro punto). Podés tomar como guía el _document del coronabingo que tiene algunas cositas de más pero que las podés sacar. Sino el de la documentación te alcanza y sobra.

• Acá te explica como configurar lo de los alias para dejar de hacer los imports con muchos ../../.

• Configurar google analytics. En el README te explica como hacerlo.

• Te recomendaría que pongas Sentry. Es un servicio que te va a servir para tener un listado de errores junto con un reporte muy piola de donde ocurrió, en que sistema operativo, que fue lo que la persona fue haciendo hasta que le salió el error y varias cosas más. Aunque no le puedas dar mucha bola al principio te súper sirve para entender al menos CUANTOS errores tenés y después crear issues para pedir ayuda con eso. Yo seguí este artículo que explica como integrarlo (yo no hice lo de los source maps).

• Te faltan los famosos metatags en el HTML inicial, donde configuras etiquetas en el head que son las que se muestran cuando se comparte el link en redes sociales y en las búsquedas de Google. Copiá y pegá todo lo que está dentro de este Fragment y modificalo con lo que vos le quieras poner. Cuando lleves esos cambios a staging, podés usar el sitio metatags.io para probar si todo te quedó bien.

Con respecto al código no me metí mucho, solo miré por arriba y no tengo mucho para aportar :)

Intenté enforcarme en cosas que capaz alguien no te diría y está bueno que les prestes atención.

Recomendación final: no es necesario que te des maña para hacer todo esto. Fijate lo que quieras hacer y lo que no y crea issues con un label de HELP WANTED y alguien te los podría pedir como hice yo con el coronabingo. O avisame y te ayudo con eso. Ordenate como te quede cómodo a vos, eso de los issues no es lo mejor, pero al menos es lo primero que alguien va a ver cuando entra a un repo.