Next Adventure

screenshot of Next Adventure
nextjs
react

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

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.

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
    
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

netlify
Netlify

Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.