Hello fellow HN crowd :) As part of my day job, I often do tech workshops & talks. I made livetext to share code and other text snippets with my participants in real time. Code, links, quotes, images - basically anything that can be expressed with Markdown.
During my talks, I often interactively write code snippets, using input from the participants. At the same time, I want to make sure they can always can copy-paste the code and not just look at it all the time.
Of course, I could have used live coding tools like repl.it for the coding part. But I wanted it to look more like a scratchpad with formatting support than an actual coding environment.
Regarding the tech stack: TypeScript (Backend: Express, Frontend: Vanilla JS, bundled with Parcel), MVP.css as lightweight CSS framework, socket.io for client-server communication, Codemirror 6 as code editor, markdown-it for Markdown rendering. The project is hosted on fly.io.
Hope this is useful for other, too! I am looking forward to your thoughts & feedback!
During my talks, I often interactively write code snippets, using input from the participants. At the same time, I want to make sure they can always can copy-paste the code and not just look at it all the time.
Of course, I could have used live coding tools like repl.it for the coding part. But I wanted it to look more like a scratchpad with formatting support than an actual coding environment.
Regarding the tech stack: TypeScript (Backend: Express, Frontend: Vanilla JS, bundled with Parcel), MVP.css as lightweight CSS framework, socket.io for client-server communication, Codemirror 6 as code editor, markdown-it for Markdown rendering. The project is hosted on fly.io.
Hope this is useful for other, too! I am looking forward to your thoughts & feedback!