-
-
Interfaz del Muro de los Pecadores: donde la comunidad ve quiénes fallaron el desafío diario.
-
Identidad visual dinámica: El sistema marca en rojo a los 'pecadores' con 0 puntos usando Redis.
-
Diseño limpio y Mobile-First: Optimizado para una experiencia de juego fluida en la app de Reddit.
-
Gameplay en tiempo real: Interfaz de trivia interactiva con validación visual de respuestas.
-
Feedback inmediato: Pantalla de puntaje final tras completar la trivia diaria con éxito.
-
Pantalla de bienvenida: El punto de partida donde los usuarios se unen al duelo de conocimiento.
Inspiration
La cultura de Reddit se define por la reputación y la participación. Nos inspiramos en crear un "ritual diario" para los subreddits: un desafío de trivia donde el estatus no es solo un número, sino una identidad visual. Queríamos que ser el Rey (Top 1) fuera un honor y ser un Pecador (0 puntos) fuera una marca de vergüenza divertida que generara conversación en los comentarios.
What it does
r/karmapledge_dev es una aplicación de trivia interactiva integrada directamente en un post de Reddit. Los usuarios responden preguntas de cultura general bajo presión. Persistencia Diaria: Utiliza Redis para guardar solo el mejor récord del usuario cada 24 horas.
- Dinámica Social: El ranking resalta automáticamente al líder con una corona de "Rey" y marca en rojo como "Pecador" a cualquiera que se atreva a terminar con 0 puntos.
- Reset Automático: La competencia se reinicia diariamente para mantener la frescura y la participación recurrente. ## How we built it El proyecto se desarrolló utilizando el ecosistema de Devvit Web:
- Frontend: Construido con React para ofrecer una interfaz fluida, animaciones de temporizador y feedback visual inmediato.
- Backend: Un servidor en TypeScript/Node.js que gestiona la lógica del juego y la comunicación con APIs externas para las preguntas.
- Base de Datos: Implementé Redis (Sorted Sets) para manejar los rankings de forma extremadamente eficiente, utilizando comandos como
zAdd,zRangeyzScorepara validar y ordenar los puntajes en tiempo real. ## Challenges we ran into Uno de los mayores obstáculos fue dominar la capa de persistencia de Redis dentro de Devvit. Gestionar la sincronización de datos entre el servidor y el cliente para que el ranking se actualizara sin latencia requirió un manejo avanzado de llamadas asíncronas. Además, superar las limitaciones del CLI mediante soluciones creativas directamente en el código del servidor nos permitió garantizar que la experiencia fuera impecable para el usuario final. ## Accomplishments that we're proud of Estoy orgullosa de haber creado una experiencia de juego "perfeccionada" y lista para el lanzamiento en tiempo récord. Lograr que la interfaz reaccione dinámicamente según el puntaje (cambiando colores y etiquetas de estatus) fue una gran victoria técnica. Ver el "Muro de los Pecadores" funcionando por primera vez nos demostró que logramos capturar la esencia juguetona de Reddit. ## What we learned Este hackathon fue una inmersión profunda en las capacidades de Devvit Web. Aprendí a integrar tecnologías web modernas (React) con la infraestructura nativa de Reddit. Descubrí cómo utilizar bases de datos clave-valor para crear mecánicas de juego competitivas y, sobre todo, entendí cómo diseñar productos que fomenten la interacción y el debate dentro de una comunidad. ## What's next for r/karmapledge_dev - Quiz Master Diario ¡Esto es solo el comienzo! Tengo grandes planes para llevar la experiencia de juego en Reddit al siguiente nivel:
Preguntas Generadas por la Comunidad (UGC): Implementar un sistema donde los usuarios del subreddit puedan proponer sus propias preguntas de trivia, las cuales serán votadas y añadidas al pool diario, haciendo el juego 100% comunitario. Logros y Trofeos Persistentes: Expandir la lógica de Redis para otorgar "badges" o insignias que los usuarios puedan lucir en el ranking tras ganar varios días seguidos (ej. "Racha de 7 días" o "Santo Patrón de los Pecadores"). Modos de Juego Temáticos: Permitir que los moderadores configuren categorías específicas según el nicho de su subreddit (ej. solo cine, solo ciencia, o trivia interna sobre el propio subreddit). Integración con Reddit Gold: Explorar el uso de la API de pagos de Devvit para permitir que los usuarios "compren" una oportunidad extra de juego o premien al Rey del día con Gold directamente desde la interfaz. Multijugador en Tiempo Real: Evolucionar hacia desafíos tipo "Battle Royale" donde todos los usuarios presentes en el post compitan simultáneamente contra el reloj.
Log in or sign up for Devpost to join the conversation.