Hacer lo que disfrutas te da práctica sin que se sienta una obligación 🎮

A veces es bueno tener un proyecto hobby.
De una prueba con la API de RAWG salió algo que sigo puliendo, sin pretensiones: repliqué las cards tipo RAWG y lo optimicé solo con React (sin SSR).

Si quieres practicar programación o arrancar un proyecto, no hay nada mejor que hacerlo sobre algo que te gusta: siempre vas a volver a él, incluso en tus ratos libres.

Lo que fui agregando (porque me divertía):

• Búsqueda, filtros, paginación y favoritos
• Replicación del comportamiento de las cartas de RAWG
• Efectos modernos de UX/UI
• Micro-interacciones (Framer Motion) y estado global (Zustand)
• Caché en cliente con TTL y limpieza automática
• Caché/optimización de imágenes con preload (via images.weserv.nl)
• Cache simple de API para juegos y filtros
• Lazy loading e imágenes optimizadas para mejorar la carga percibida
• AI Insights con fallback entre proveedores (configurable por .env)

Aunque lo ideal habría sido trabajarlo en Next.js por temas de prerendering y SEO, decidí mantenerlo en React puro, ya que la prueba técnica original se planteó de esa forma (y RAWG tampoco está construido sobre Next).

P.D. Si en algún momento no se ven las imágenes, probablemente es porque se acabó el límite gratuito de la API de RAWG 😅

Repo: https://github.com/edwinmoreno77/RAWG_clone
Demo: https://rawg-clone-theta.vercel.app/