https://github.com/criso/ticket-bot

Chat bot example built with Xstate and ReactJs
https://github.com/criso/ticket-bot

javascript reactjs statechart xstate

Last synced: 11 months ago
JSON representation

Chat bot example built with Xstate and ReactJs

• Host: GitHub
• URL: https://github.com/criso/ticket-bot
• Owner: criso
• Created: 2019-04-19T19:49:16.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-19T20:31:57.000Z (about 7 years ago)
• Last Synced: 2025-05-08T00:01:53.550Z (about 1 year ago)
• Topics: javascript, reactjs, statechart, xstate
• Language: JavaScript
• Size: 4.52 MB
• Stars: 26
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![flow](https://github.com/criso/ticket-bot/blob/master/blog/assets/flow.gif?raw=true)

### This repo contains the code for this [blog post](https://dev.to/cris_o/pure-ui-using-xstate-and-reactjs-5em7)

We go over what state machines are and how a statechart, which is like "state machine 2.0", can help you build more robust applications.

It uses Xstate(statecharts) and reactJS to build a chat bot flow :fire:

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.