Fortune / AI

Kedigram

Producto web de fortuna con IA que conecta lecturas, cristales, colección de Kedi y chat con consejeros.

FortuneAIMultilingual
Kedigram icon
Kedigram

Fortune / AI

Producto web de fortuna con IA que conecta lecturas, cristales, colección de Kedi y chat con consejeros.

Resumen del proyecto

Un producto definido por condiciones operativas reales.

Kedigram es un producto web de consumo centrado en experiencias de fortuna con IA como lectura del café, tarot, interpretación de sueños, compatibilidad y horóscopo diario. El producto no termina en una sola pantalla de resultado: conecta entrada por catálogo, resultados, compra de cristales, colección de Kedi y chat con consejeros dentro de una misma superficie tipo app.

En el alcance implementado hay rutas de home, content, result, shop, kedigram, chat e history, junto con localización con next-intl, clientes API generados con Orval, sincronización de estado con React Query, inicio de sesión con Google OAuth, checkout de wallet y pagos, interacciones tipo gacha y renderizado OG/SEO. Se acerca mucho más a un servicio de consumo de uso repetido que a una simple landing page.

Por qué hacía falta

01

Kedigram es un producto web de consumo centrado en experiencias de fortuna con IA como lectura del café, tarot, interpretación de sueños, compatibilidad y horóscopo diario. El producto no termina en una sola pantalla de resultado: conecta entrada por catálogo, resultados, compra de cristales, colección de Kedi y chat con consejeros dentro de una misma superficie tipo app.

Qué construí primero

02

Kedigram es un producto web de consumo centrado en experiencias de fortuna con IA como lectura del café, tarot, interpretación de sueños, compatibilidad y horóscopo diario. El producto no termina en una sola pantalla de resultado: conecta entrada por catálogo, resultados, compra de cristales, colección de Kedi y chat con consejeros dentro de una misma superficie tipo app.

Dónde encaja mejor

03

En el alcance implementado hay rutas de home, content, result, shop, kedigram, chat e history, junto con localización con next-intl, clientes API generados con Orval, sincronización de estado con React Query, inicio de sesión con Google OAuth, checkout de wallet y pagos, interacciones tipo gacha y renderizado OG/SEO. Se acerca mucho más a un servicio de consumo de uso repetido que a una simple landing page.

Detalles técnicos

Tecnologías

Frontend web

Next.jsReactTypeScriptTailwind CSSRadix UIFramer Motion

Estado y capa de API

next-intlReact QueryZustandOrvalAxios

Product loops

Google OAuthwallet and payment checkouthtml2canvas share captureSSE chat proxydynamic metadata

Servicios integrados

auth APIcatalog APIcontent APIorder APIwallet APIpayment APImatching APIcharacter APIprofile APISSE chat stream

Pantallas

Pantallas principales

Las imágenes de abajo muestran las interfaces y flujos que definieron la experiencia real del producto.

Kedigram screenshot 1
Kedigram screenshot 2
Kedigram screenshot 3

Contacto

Si estás evaluando un producto parecido, conversemos.

Con una nota breve, un enlace de referencia o el problema actual ya podemos ordenar una primera versión con sentido.