Simple code sandbox for your website.

Overview

Live Coding Sessions

It is just a simple desk app which puts 3 apps together (code, audio, draw) in a responsiveness way, so you can have all at once, great for sharing sessions since you share just a CODE and they use this to get all other accesses.

You can use this as you wish, but here there are some common use cases:

  • Mentor who needs to share a live code session with the audience.
  • Teacher who wants to share and interact with students.
  • Pair programming / Mob programming sessions (give edit permissions on codesandbox).

Downloads

Website (create room and download the app):

https://live.vastjs.io/

Desktop App (Session Studio):

Windows: Download here

MacOS: Download here

Apps Recommended

Live Code

https://codesandbox.io/ live sessions, which is great for sharing, you can see others peoples interactions with the code, it has a chat also, go to live button and use the share link.

Live Audio & Chat

https://www.spooncast.net/ seems to be quite great to stream your lesson, use the share url.

Live Draw

https://excalidraw.com/ it is great for sharing your draws, you need to create a live session there and use the link.

You can also use whatever other app as long as you have a clear share URL.

How to use it

1) Content creator

Generate room link for your audience Alt text

Share the Room Code Alt text

2) Creator / Audience / Students

Download desktop app from https://live.vastjs.io/ and enter the code: Alt text

Student/Collaborators Studio: Alt text

Technology

You can use whatever website you want, we do not use iframes, so it is even possible to embed facebook.

Stack

  • Next / React / Typescript
  • Jotai
  • TailWind CSS 3
  • Atomic Design
  • Firebase
  • Vercel
  • ElectronJS

Todos

  • List of current live code sessions
  • Auth from firebase
  • ...
You might also like...

"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.

Awesome Books Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i

Jan 28, 2022

🌗 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.

themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by

Nov 29, 2022

📸 A command-line tool to generate code images of your local code right away from the terminal

📸 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 $

Nov 4, 2022

VS Code extension that adds a red error squiggle to every word in your code.

VS Code extension that adds a red error squiggle to every word in your code.

Dumbisense Dumbisense is a VS Code extension that adds a red error squiggle to every word in your code, with an interesting error message and dino ima

Sep 3, 2022

portfolio-project is a npm package to automatically update your projects section in your portfolio website. It will fetch the selected repositories directly from your GitHub account.

portfolio-project is a npm package to automatically update your projects section in your portfolio website. It will fetch the selected repositories directly from your GitHub account.

portfolio-project Those days of manually updating portfolio website after every new project made are gone ⚡ Yesss . . . you read that right. 😉 portfo

Aug 3, 2021

To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. I build a simple website that allows for doing that, and I do it using ES6 and Webpack!

To-do list

Project Name : TO-Do list "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mar

Aug 22, 2022

A simple Instagram JavaScript plugin for your website

Instafeed.js Instafeed.js is a simple way to display your Instagram photos on your website. Version 2 of Instafeed.js is now available, powered by the

Dec 20, 2022

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!

To-do-list Description "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark t

Oct 18, 2022

ToastmeJS is a very simple, flexible and light weigth plugin that shows Notifications and modal Dialogs on your website.

⚡ ToastmeJS ToastmeJS is a very simple, flexible and light weigth plugin that shows Notifications and modal Dialogs on your website. Customize positio

Jun 20, 2022
Hemsida fÜr personer i Sverige som kan och vill erbjuda boende till människor pü flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo fĂśr kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
An obsidian plugin that allows code blocks executed interactively in sandbox like jupyter notebooks. Supported language rust、kotlin、python、Javascript、TypeScript etc.

Obsidian Code Emitter This plugin allows code blocks executed interactively like jupyter notebooks. Currently, support languages: Rust Kotlin JavaScri

YiiSh 38 Dec 28, 2022
A sandbox coding environment, desktop app, inspired by CodePen and JSFiddle

CodeBox CodeBox is a coding environment with HTML, CSS and JavaScript editors with a live preview panel to show what the code would look like in the b

Virej Dasani 98 Dec 20, 2022
quick.js based sandbox

About quick.js based sandbox npm install define-function works in any WebAssembly environment node browser wechat miniprogram Usage define a function

Tao Wen 25 Dec 7, 2022
Remix sandbox repo for Rust compiled to WASM and to native N-API modules

Rust <-> Remix Sandbox Now with both native Rust and WASM versions! If you want to combine the Web Fundamentals & Modern UX of Remix together with the

Ben Wishovich 26 Dec 30, 2022
Junon.io - 2D space sandbox survival

Junon.io Junon.io is a co-op multiplayer survival game where your goal is to build your own space-station, grow your colony, and defend it against hos

null 1 Oct 29, 2022
A movie schema sandbox for playing with EdgeDB and the EdgeQL query builder, pre-loaded with MCU data

The EdgeDB MCU sandbox ?? This is a sandbox for playing with EdgeDB and the EdgeQL query builder. It includes a simple movie database schema (dbschema

EdgeDB 13 Nov 9, 2022
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
"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application with JavaScript, the website is more interactive!

Awesome-books Description "Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By

Cindy Dorantes 11 Oct 18, 2022