next adventure

A Spooky, Crowdsourced, Mad-Lib, Pilih Kisah Petualangan Anda Sendiri
Dibangun dengan Formulir + Fungsi + Xstate, Hasura, dan Netlify.

Apa ini?

Ini adalah proyek yang menggunakan formulir Next.js, XState, Hasura, dan Netlify.

Sisi "cerita" aplikasi adalah mesin negara yang menarik karakter acak dari database dan mengisi data mereka untuk membuat cerita gaya "pilih petualangan Anda sendiri". Sisi lain dari aplikasi ini adalah pengiriman karakter, di mana orang dapat mengirim karakter mereka ke database cerita, dan karakter mereka mungkin ditarik secara acak dari database!

Opsi Instalasi

Opsi satu: penyebaran satu klik

(Jika Anda mengklik tombol ini, itu akan mengkloning repo ini ke akun Anda, dan mengatur repo itu segera untuk penempatan di netlify)

Opsi Dua: Klon Manual

1. Klone repo ini: git clone https://github.com/cassidoo/next-adventure.git
2. Arahkan ke direktori dan jalankan npm install lalu npm run dev
3. Membuat perubahan Anda
4. Hubungkan ke Netlify secara manual (file netlify.toml adalah yang Anda perlukan untuk memastikan tetap utuh untuk memastikan ekspor dilakukan dan menunjuk ke hal yang tepat)

Menjalankan aplikasi

Pertama, jalankan server pengembangan:

npm run dev
# or
yarn dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.

Ada fallback di tempat jika tidak, tetapi jika Anda ingin mengatur karakter Anda sendiri dalam cerita, Anda harus mengatur database Hasura Anda sendiri!