¿Qué es Triviar?
Triviar.com.ar es una plataforma simple para jugar trivias. Una persona crea una sala, añade las preguntas con sus posibles respuestas, y los jugadores pueden unirse para responder en tiempo real y acumular puntos por ronda. Una vez que se terminan las rondas se muetra un ranking con los ganadores y el puntaje de cada uno.
Triviar es un side project que desarrollé con el objetivo de crear un espacio divertido e interactivo para jugar trivias con mis alumnos de la UNSJ, reforzando así los conocimientos adquiridos durante las clases de introduccion al desarrollo Web.
La plataforma en si no tiene nada de innovador ya que existen muchas del mismo tipo (como Kahoot), pero algunas presentan restricciones en la cantidad de usuarios, así que decidí desarrollar Triviar y ponerla a prueba, también como un desafio personal para practicar y consolidar conocimientos en estas tecnologías.
Frontend con Nuxt.js
El frontend la desarrollé utilizando Nuxt.js, este es un framework de Vue.js. El mismo facilita la organización del código gracias a su estructuración de archivos y carpetas. Una caracteristica importante es que soporta renderizado del lado del servidor (SSR) lo cual ayuda a mejorar el SEO y la velocidad de carga de la página.
El framework de estilos que use para este proyecto es Tailwind. Si bien desde siempre para mis side-projects suelo usar bootstrap, en esta caso quise embarcarme a tailwind porque lo he visto en muchas jobs descriptions últimamente ,asi que me pareció una tecnología interesante para tener en mi portfolio.
Algo que he notado últimamente es que muchas de las inteligencias artificales generadoras de codigo utilizan tailwind para crear sus componentes. (Quizas por eso tambien esta mas solicitado últimamente). Asi que es una ventaja tenerlo fresco y entenderlo.
Backend con Express.js
Todo front tiene su back. En este caso Triviar tiene una API que está construida con Express.js, un framework ligero y robusto para Node.js. En esta API me encargo de manejar solicitudes de los usuarios, gestionar las salas de trivia, y generar la comunicacion con el frontend en tiempo real mediante Socket.io.
Es un desafío implementar este tipo de plataformas debido a la cantidad de usuarios interactuando al mismo tiempo. Es por eso que Triviar no solo nace como un proyecto de aula, si no como una plataforma para poner a prueba las capacidades tecnicas que estas tecnologias nos dan, y la posibilidad de experimentar con sistemas en tiempo real.
Próximos pasos
Actualmente, Triviar es stateless, pero en futuras versiones planeo utilizar MongoDB como base de datos para almacenar trivias y rankings, gracias a su escalabilidad y manejo de datos no estructurados. Inicialmente no planeo que la plataforma soporte login de usuarios, pero en caso de dar el paso de que cada usuario almacene sus propias trivias. Es el primer paso a dar