Volver a proyectos
Proyecto destacado

Board Game Finder

Recomendador colaborativo que cruza tus preferencias con las valoraciones de BoardGameGeek para devolver partidas a tu medida. Lideré el front-end para crear una experiencia limpia y responsiva en la búsqueda y descubrimiento.

CodeIgniterMySQLJavaScriptjQueryBootstrapMachine Learning
Probar Board Game Finder

Catálogo

70k+ juegos

El sistema consume el dataset de BoardGameGeek para cubrir mecánicas, categorías y ediciones.

Experiencia

Recomendaciones en 3 pasos

Búsqueda inicial, afinado por gustos y entrega de sugerencias listas para explorar sin fricciones.

Contribución

Front-end lead

Fuí el responsable del desarrollo frontend y realizar la integración con el motor de recomendaciones.

Interfaz de Board Game Finder mostrando juegos de mesa recomendados

Rol y objetivo

Junto a un grupo de amigos construimos un recomendador capaz de acotar miles de títulos a unas pocas sugerencias afinadas. Me encargué del front-end completo: maqueté la búsqueda guiada, los listados y las transiciones para que el usuario percibiera velocidad y claridad desde el primer clic.

Cómo funciona

El motor aplica filtrado colaborativo con factorizar matrices y embeddings de familia exponencial para predecir las valoraciones que un usuario daría a cada juego. Usa el histórico de ratings de BoardGameGeek y devuelve recomendaciones en función de similitud entre perfiles.

Stack y experiencia visual

Desarrolle la capa frontend con CodeIgniter consumiendo el API que proveía la información necesaria para las recomendaciones. Utilicé JavaScript y jQuery para autocompletados, filtros dinámicos y paginación sin recargar. Diseñé la capa visual con Bootstrap y utilidades CSS para mantener la interfaz accesible y rápida en escritorio y móvil.

Explora más

Otros proyectos destacados

Continúa explorando el resto de mi trabajo con accesos directos a otros casos de estudio.

CheckPlanner

CheckPlanner

Planificador personal gratuito y open source para organizar tareas, priorizar el día y trabajar en local sin registro.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Zustand
  • dnd-kit
  • PWA
Ver más
Keep Calm Keep Working

Keep Calm Keep Working

Cree esta marca para diseñar y dar forma a ideas de productos interesantes para home office que fueran útiles para personas que trabajan con ordenador desde casa.

  • Branding
  • E-commerce
  • Amazon
  • Supply chain
  • WordPress
Ver más
Gift Ideas Finder

Gift Ideas Finder

GPT dentro de ChatGPT que actúa como personal shopper: pide datos del destinatario, gustos y presupuesto para recomendar regalos en Amazon.

  • GPTs
  • OpenAI Actions
  • Amazon Product Advertising API
  • TypeScript
  • Next.js
Ver más