/playground

Reactive live coding tool for quick prototyping in the Browser.

Primary LanguageTypeScript

Playground

Live coding Playground.

Development & Installation

This project was developed with:

  • Language: TypeScript + React
  • IDE: VSCode
  • Tests: WIP
  • Build Tools: webpack4

Install and update dependencies

npm install

Scripts

Run development server.

npm start

Features

  • Resizable Views
  • Editor View
  • Preview View
  • Auto-refresh
  • FullScreen Workspace
  • Reset example to original
  • Enable / Disable Auto-refresh
  • JavaScript & TypeScript Support
  • ES6 Imports
  • Autocomplete

Ideas

  • Advanced Completion Providers
  • Imports from models: Use monaco editor models to be used as imports. Advanced usage of "Go To Definition" & "Pick Definition" & "Find All References". Pack into bundle is required.
  • Uploading External Libraries
  • Git OAuth
  • Embedded FAQ & HowTo
  • Offline & 404 (maybe not needed)
  • ...