Skip to content

Online playground for write and play JavaScript, TypeScript, Vue, React, Lit, Solid, Svelte

License

Notifications You must be signed in to change notification settings

fastercodee/playground

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fCanvas Playground (fcanvas-playground)

Online playground for write and play JavaScript, TypeScript, Vue, React, Lit, Solid, Svelte

GitHub license GitHub Issues Codacy Badge Hits-of-Code

Netlify Status Netlify Status

Test CodeQL ESLint Prettier TypeScript Checker Declaration Try build

Beta: The app is under development and only core features are implemented

Upcoming

  • jvascript module
  • typescript module
  • jsx, tsx, vue sfc
  • import NPM package
  • support solidjs
  • svelte
  • SFC CSS module
  • SASS
  • add tester similar to vitest
  • add settings
  • add check sketches
  • add comment sketch
  • tab package manager
  • add like sketch
  • share code without hosting on the server
  • add a compiler/interpreter to run C/C++, Python or Ruby
  • cache all files?

Preview

This is screenshot edit and preview sketch use Vue SFC template

Vue + TypeScript image

React + TypeScript image

Lit + TypeScript image

Preact + TypeScript image

Solid + TypeScript image

Svelte + TypeScript image

Install the dependencies

pnpm run setup

Start the app in development mode (hot-code reloading, error reporting, etc.)

pnpm dev

Lint the files

pnpm lint

Format the files

pnpm format

Build the app for production

pnpm build