next adventure

Un espeluznante, crowdsourced, loco, elige tu propia historia de aventura
Construido con las funciones SIXT.JS, XSTATE, HASURA y NETLIFY.

¿Qué es esto?

Este es un proyecto que utiliza formularios Next.js, Xstate, Hasura y Netlify.

El lado de la "historia" de la aplicación es una máquina de estado que extrae un personaje aleatorio de la base de datos y llena sus datos para hacer una historia de estilo "elige tu propia aventura". El otro lado de la aplicación es la sumisión de personajes, en la que la gente puede enviar a sus personajes a la base de datos de la historia, ¡y su personaje puede ser sacado al azar de la base de datos!

Opciones de instalación

Opción uno: implementación de un solo clic

(Si hace clic en este botón, clonará este repositorio en su cuenta y establece ese repositorio inmediatamente para la implementación en Netlify)

Opción dos: clon manual

1. Clon este repositorio: git clone https://github.com/cassidoo/next-adventure.git
2. Navegue al directorio y ejecute npm install y luego npm run dev
3. Haz tus cambios
4. Conéctese a NetLify manualmente (el archivo netlify.toml es el que necesitará asegurarse de que se mantenga intacto para asegurarse de que la exportación esté lista y apunte a las cosas correctas)

Ejecutando la aplicación

Primero, ejecute el servidor de desarrollo:

npm run dev
# or
yarn dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.

Hay respaldos en su lugar si no, pero si desea configurar sus propios personajes en la historia, ¡deberá configurar su propia base de datos de Hasura!