Code Monkey home page Code Monkey logo

yboard's Introduction

Yboard

Yboard is a multiplayer desktop-like workspace.

It's based on the awesome CRDT implementation Yjs (hence the Y).

Yboard's intention is to explore how we interact with applications when (most of) the controls reflect a shared state among multiple peers.

Try online demo.

gif demo

⚙️ How it works

Yboard is a frontend-only project. Only requisite is a websocket server.

This means a couple of things:

  • Yboard directly connects to websocket server

  • There is no authentication mechanisms nor additional backend logic implemented

  • All the rooms are publicly accessible (only protected by a random unique id, thanks nanoid)

  • Since a room is basically a shared document, any user could eventually rewrite the whole document by writing their own client application

So please don't use YBoard for highly sensitive data or production environments.

This is experimental software, use it for fun and collaboration with your friends.

🎁 What's inside?

Yboard consists of a set of minimalist applications where multiple users can interact in real time:

  • TODO - task manager
  • NOTES - notes manager
  • KANBAN - very simple kanban
  • LINKS - bookmark manager
  • CHAT - talk & alert users
  • TIMER - synchronized timer
  • SPOTIFY - embedded spotify player w/ synchronized playlists
  • DRAW - a drawable whiteboard

🖥 Set up local environment

# clone & setup project
git clone [email protected]:felipeleivav/yboard.git
cd yboard
npm install

# run project
npm run serve

# execute yjs websocket server
./run-yws.sh

📝 How to write an app

WIP :)

yboard's People

Contributors

felipeleivav avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.