Visual Consensus

visualization of consensus algorithmus in distributed systems
Vite, TypeScript, Svelte

---

Visit on jojahn.github.io/visual-consensus-app

Project Structure

├───algorithms
│    ├───paxos
│    └───pow # Proof-of-Work
├───lib # UI Components
├───drawing # Canvas2D Drawing
├───utils # Hashing, etc.
├───simulation # Simulation control and multithreading
├───docs # the built website for github pages
└───public # static website assets

Screenshots

Paxos Example

Bitcoin/Proof-of-Work Example

Self-hosted

1. Download release from https://github.com/jojahn/visual-consensus-app/releases
2. Unzip downloaded folder
3. Serve assets (e.g. python http server)

   python -m http.server

Setup

• Install NodeJS (https://nodejs.org/en/)
• Install dependencies

  npm install

Development

• Start Development Server

  npm run start

• Visit http://localhost:3000
• Develop (How to add new algorithms!)

Build

• Build the application

  npm run build

  The build files are located in ./docs
• Preview the build

  npm run preview

Test

npm run test

Tests are written with Jest