mattpocock / xstate-real-world-app

XState Real World App

Introducing XPay - the most robust payments app you've ever used, built on state machines. The tech I've used is:

• XState - a library for creating statecharts
• Next.js - a React meta-framework for building apps
• TRPC - a library for building typesafe API's
• Prisma - a typesafe ORM
• Tailwind CSS - for styling

Getting started

1. Run yarn to install all the dependencies. After it's installed, it'll automatically set up a local sqlite database.

2. Run yarn dev to see the app on localhost:3000

3. You'll be directed to log in. You can log in with any username, and it'll give you a new entry in the database as if you had already signed up.