next adventure

Eine gruselige, Crowdsourced, Mad-Lib, wählen Sie Ihre eigene Abenteuergeschichte
Erstellt mit Next.js, Xstate, Hasura und Netlify Forms + Funktionen.

Was ist das?

Dies ist ein Projekt, das die Formen von Next.JS, Xstate, Hasura und Netlify verwendet.

Die "Story" -Seite der App ist eine Statusmaschine, die einen zufälligen Charakter aus der Datenbank zieht und ihre Daten bevölkert, um eine Story "Wählen Sie Ihr eigenes Abenteuer" zu erstellen. Die andere Seite der App ist die Einreichung von Charakteren, in der die Leute ihre Charaktere an die Story -Datenbank senden können und ihr Charakter zufällig aus der Datenbank gezogen werden kann!

Installationsoptionen

Option Eins: One-Click-Bereitstellung

(Wenn Sie auf diese Schaltfläche klicken, klonen Sie dieses Repo auf Ihr Konto und setzt diesen Repo sofort für die Bereitstellung auf Netlify ein.)

Option zwei: Handueller Klon

1. Klon dieses Repo: git clone https://github.com/cassidoo/next-adventure.git
2. Navigieren Sie zum Verzeichnis und führen Sie npm install aus, dann npm run dev
3. Nehmen Sie Ihre Änderungen vor
4. Manuell eine Verbindung zu Netlify herstellen (die Datei netlify.toml ist diejenige, die Sie sicherstellen müssen, um sicherzustellen, dass der Export durchgeführt wird und auf das richtige Zeug zeigt).

Ausführen der Anwendung

Führen Sie zunächst den Entwicklungsserver aus:

npm run dev
# or
yarn dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Es gibt Fallbacks, wenn nicht, aber wenn Sie Ihre eigenen Charaktere in der Geschichte einrichten möchten, müssen Sie Ihre eigene Hasura -Datenbank einrichten!