DEV Community

Cover image for Discover the 1st Full stack playground, in early access
Kirk for ScaleDynamics

Posted on • Edited on

Discover the 1st Full stack playground, in early access

TL;DR

For those that are following me, they already know that.

This is the first playground that allows coding directly in the browser for both front-end JavaScript and back-end Node.js. It renders a preview to see the results in real time. Full Stack developers can show their work, build test cases, learn and find inspiration. Teams can build their snippet database and share knowledge or best practices.

You can test right away JavaScript Full Stack Playground and let me know what you think about it.

In this post, I would like to announce that the Full Stack playground is now accessible in early access on invitation for developers who want to contribute to our snippets public database (feel free to request for an invitation).

Designed for the web developers & Node.js community!

When I designed the playground I had in mind to provide a new tool for web developers, Node.js and JavaScript developers. This is why the playground is dedicated to HTML, CSS, JavaScript and a Node.js backend.

Alt Text

For developers, it’s a perfect tool to:

  • Learn, discover, or become a Full Stack - By default, all snippets are public. Access to the core code: MongoDB queries, proxy, authentication, REST APIs... Explore all the backend possibilities and discover new things ;
  • Share your work - Whether you want to brag with your last piece of code, or show a prototype to your boss, just share your snippet with the editor or deploy on a custom domain to make it live to the world ;
  • Prototype and test - Try and fail with your code, for both front and back ends. Test an isolated piece of your project code. Prototype new ideas quickly without installing anything ;

Features

Let me describe the current features of the playground

For the editor

  • Edition of the frontend HTML, CSS and JavaScript files
  • Edition of a Node.js module with npm module dependencies -Create and tag your own snippets
  • Edition of a Readme markdown file to describe snippet details
  • Change editor layout as you want

For the snippet management

  • Create new snippet, Save, Fork or Delete a snippet
  • Access Snippet list with basic search
  • Share the snippet or search options using the URL
  • Create public or private snippets

For the Preview

  • Instant run of the Node.js module on a public cloud
  • Preview of the Frontend and Backend in real-time
  • Access to Frontend and Node.js backend console logs

I also plan to add new features soon, such as a ‘Deploy’ button to make live the snippet on a URL, adding Custom domain support. Also, I’ll add extend the snippet sharing feature. For now, a private snippet can only be viewed by its owner. Having a way to share a private snippet with several users seems to be a cool upgrade.

Help me build the community

I want the Full Stack playground to remain FREE for public code snippets.
I need your help to communicate around it to get more visitors, so I can find some advertisement sponsoring to maintain a free version for all. You can help us by sharing the playground in your social networks or friends.
Also, feel free to provide me feedback, so I can improve it!

Top comments (0)