Next Adventure screenshot

Next Adventure

Author Avatar Theme by Cassidoo
Updated: 2 Jun 2021
225 Stars

A crowdsourced, mad-lib, choose your own adventure story!

Categories

Overview:

Next Adventure is a project that utilizes Next.js, XState, Hasura, and Netlify Forms to create a web application. The app features a state machine that generates a random character from a database for a “Choose your own Adventure” style story. Users can also submit their own characters to be included in the database.

Features:

  • Next.js: Framework for building React applications.
  • XState: Library for managing state machines.
  • Hasura: Backend service for instant GraphQL APIs on a PostgreSQL database.
  • Netlify Forms: Service for handling form submissions on static sites.

Installation:

Option One: One-click Deploy

  1. Deploy to Netlify by clicking the designated button.

Option Two: Manual Clone

  1. Clone the repository: git clone https://github.com/cassidoo/next-adventure.git
  2. Navigate to the directory and run:
    npm install
    npm run dev
    
  3. Make necessary changes.
  4. Connect to Netlify manually using the netlify.toml file.

Summary:

Next Adventure is a web application project that combines various technologies like Next.js, XState, Hasura, and Netlify Forms. It features a state machine to create interactive stories and allows users to submit their own characters to be included in the story database. The installation process offers both one-click deployment on Netlify and manual cloning with instructions to set up the application locally.