next adventure

Un cracheur, un crowdsourced, Mad-Lib, choisissez votre propre histoire d'aventure
Construit avec Next.js, XState, Hasura et Netlify Forms + Fonctions.

Qu'est-ce que c'est?

Il s'agit d'un projet qui utilise les formulaires Next.js, Xstate, Hasura et Netlify.

Le côté "histoire" de l'application est une machine d'état qui tire un caractère aléatoire de la base de données et remplit leurs données pour faire une histoire de style "Choisissez votre propre aventure". L'autre côté de l'application est la soumission des personnages, dans laquelle les gens peuvent envoyer leurs personnages à la base de données de l'histoire, et leur personnage peut être tiré au hasard de la base de données!

Options d'installation

Option un: déploiement en un clic

(Si vous cliquez sur ce bouton, il clonera ce dépôt sur votre compte et définit ce dépôt immédiatement pour le déploiement sur NetLify)

Option deux: clone manuel

1. Clone This Repo: git clone https://github.com/cassidoo/next-adventure.git
2. Accédez au répertoire et exécutez npm install puis npm run dev
3. Apporter vos modifications
4. Connectez-vous manuellement à Netlify (le fichier netlify.toml est celui dont vous aurez besoin pour vous assurer que vous reste intact pour vous assurer que l'exportation est effectuée et pointée vers les bonnes choses)

Exécution de l'application

Tout d'abord, exécutez le serveur de développement:

npm run dev
# or
yarn dev

Ouvrez http: // localhost: 3000 avec votre navigateur pour voir le résultat.

Il y a des replies en place sinon, mais si vous souhaitez configurer vos propres personnages dans l'histoire, vous devrez configurer votre propre base de données Hasura!