Spacecraft - multiplayer code editor & terminal

Overview

Spacecraft - code, create and hop together.

Inspiration

Cloud developer environments are the new cool. Services like Gitpod & Github Codespaces have helped save countless number of hours required to configure developer environments. We are absolute fan of their products but they lack the social element. Imagine Codespaces with Figma-like multiplayer, That's exactly what spacecraft is all about!

What it does

We have built the editor from ground up, while keeping our main focus on the real-time multiplayer aspect. We have successfully built a multiplayer terminal & editor(kinda). We even offer managed databases & one-click deploy to hop!

How we built it

We are using the t3 stack for our frontend & simple websocket server with a pseudo-terminal for our backend.

Challenges we ran into

For our editor, we were dependent on firepad but it turns out it is frozen and doesn't work with latest versions of monaco & firebase. We tried looking into alternatives like - yjs, automerge & supabase realtime. None of them really fit our use-case.

Accomplishments that we're proud of

We think we have built a pretty cool project in the limited time we had. We are very proud about our one-click hop deploy button!

What's next for spacecraft

We've already started building a collaborative-editor based on CRDT & hopefully we'll offer multiplayer editors soon!

You might also like...

A quotaless, partially limitless, and fast Node.js Multiplayer Piano server implementation that efficiently makes use of the protocol and uWebSockets.js

speedymppserver A quotaless, partially limitless, and fast Node.js Multiplayer Piano server implementation that efficiently makes use of the protocol

Oct 14, 2022

We are a group of videogame URJC students making a brand new Phaser3.0 browser multiplayer game. Come and support us!

COOKIE MAYHEM - JUEGOS EN RED Este proyecto está sujeto a cambios. Somos un grupo de estudiantes de Diseño y Desesarrollo de Videojuegos en la Univers

Dec 19, 2022

Replaces the default Strapi WYSIWYG editor with a customized build of CKEditor 5 html editor packed with useful plugins.

Replaces the default Strapi WYSIWYG editor with a customized build of CKEditor 5 html editor packed with useful plugins.

CKEditor 5 for Strapi Replaces the default Strapi WYSIWYG editor with a customized build of CKEditor 5 packed with useful plugins. 👋 Get Started Feat

Jan 2, 2023

Powerful rich text editor using Vue.js and Quill. About @quilljs editor component for @vuejs

Powerful rich text editor using Vue.js and Quill.  About @quilljs editor component for @vuejs

quill-vuejs Quill editor component for Vue. 基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。 Preview Example CDN example page Component example page Install NPM

Aug 10, 2022

Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS.

Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS.

Magnus Visual Studio Code Editor for Rock RMS Triumph Tech’s Magnus Editor is a full-featured remote editor for Rock RMS. Rock RMS is an open source R

Nov 23, 2022

Cross platform terminal app from Visual Studio Code.

Cross platform terminal app from Visual Studio Code.

CodeTerminal Standalone terminal from Visual Studio Code. Installation macOS Highly recommanded to install with homebrew. brew tap xcodebuild/custom b

Dec 21, 2022

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

Yank Note A hackable markdown note application for programmers Download | Try it Online Not ecommended English | 中文说明 [toc]{level: [2]} Highlights

Dec 31, 2022

A CodeMirror (v6) extension for adding relative line numbers to your code editor

Relative Line Numbers for CM6 Installation yarn add codemirror-line-numbers-relative Usage import { EditorView } from "@codemirror/view"; import { Edi

Feb 7, 2022

cptcity for the Google Earth Engine JavaScript API (Code Editor)

cptcity for the Google Earth Engine JavaScript API (Code Editor)

cptcity for the Google Earth Engine JavaScript API (Code Editor) 📋 Table of contents What is Google Earth Engine ? What is cptcity and why ? Top of t

Aug 2, 2022
Comments
  • Implementation Question

    Implementation Question

    Your app is very impressive. I think I might try to build something like this for my next project. I had one question tho. How were you guys able to integrate a terminal & and database?

    opened by shi-ivam 2
A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.

Warm Up ?? ??‍?? A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp

Arhun Saday 34 Dec 12, 2022
📸 A command-line tool to generate code images of your local code right away from the terminal

?? rayli ?? A command-line tool to generate code images of your local code right away from the terminal Usage Commands Usage $ npm install -g rayli $

buidler's hub 45 Nov 4, 2022
An api named Crypto Versus, a multiplayer versus hacking simulator. Project still in the making!

Crypto Versus A Multiplayer Versus Hacking Simulation Inspired by the Steam game Bitburner Table of content Possible ouputs for all endpoints routes /

null 3 Jan 29, 2022
Perfect interpolation for multiplayer cursors.

perfect-cursors Perfect interpolation for animated multiplayer cursors. Used in tldraw. ?? Love this library? Consider becoming a sponsor. Installatio

Steve Ruiz 452 Dec 15, 2022
A serverless, real-time, wordle-inspired, multiplayer game.

fivebysix.com A multiplayer, worlde-inspired web app. Demo Technologies 100% TypeScript (including IAC via CDK) Vite React / Redux AWS AppSync Dynamo

Evan Rose 35 Jan 1, 2023
A basic implementation of Flappy Bird with real-time multiplayer using Hathora

Multiplayer Flappy Bird with Hathora A basic implementation of Flappy Bird with real-time multiplayer Overview This is a simple game of Flappy Bird ex

ourcade 11 Jul 1, 2022
rGUI is a GUI Library made for the GTA Multiplayer Modification RAGE:MP

rGUI - RAGE:MP A multifunctional GUI Library made for the GTA Multiplayer Modification RAGE:MP which is easy to use and understand. Will be updated fr

revenant. 11 Jan 3, 2023
API, web and mobile application for finding a partner to play online multiplayer games.

Duo Finder Duo Finder is a simple mobile and web application for gamers looking for partners to play a game with. It's basics was developed during the

José Guilherme Fernandes Moura 2 Sep 20, 2022
A simple library for Node and the browser that allows you to rapidly develop stateful, socketed multiplayer games and web applications.

gameroom.js Overview gameroom.js is a simple library for Node and the browser that allows you to rapidly develop stateful, socketed multiplayer games

Jackson Bierfeldt 3 Nov 3, 2022
An online multiplayer IO-like game that tests your general knowledge.

Source code for insort.app Insort is a game where you sort a deck of cards by some attribute. It's main components are React, Socket.io, Express and P

null 25 Dec 10, 2022