hello-express VS codesandbox-client

Postmarks runs on Glitch - or, anywhere else you can stand up a Node.js / Express app. Personally I love Glitch, and I've been using it for many years now for hosting demos and trying out different projects - in fact, my main links page runs on Glitch. The Postmarks developer Casey Kolderup works there, and Casey has made it really straightforward to remix directly on Glitch, or import from GitHub there or to another service of your choice - it has very few dependencies.

So kind of like https://glitch.com/ and https://inbrowser.app/ but somehow productized, has a bitcoin donation button, and uses iframes(??). Feels pretty slow too, but that might just be the HN hug of death.

The Glitch team has been doing some gardening of our own over the past few weeks: the latest addition to our new homepage is our new weekly feature, “App of the Week.” As I type this, we’re featuring a classic: Dan Reeves’ Nasa logo generator. Next week: your favorite app? Your latest creation? Send your submissions here and help us shine a spotlight on all the coolest (even in this heat) apps in the universe.

Happy June! Everyone seems to either be wrapping up the school year or finishing up projects at work ahead of trips to the beach – or whatever it is that humans do when it gets this warm out. Our team’s been busy too; in case you missed it, we launched a new Glitch homepage, created new starter apps to celebrate Apple’s expanding support for progressive web apps and open VR/XR, and made huge progress in letting the Glitch community tap into all of Fastly’s features for supercharging your apps – we’ll be sharing more about this very soon!

I’ve seen some people use Glitch for experimental web projects.

https://glitch.com/

I'm making a custom heardle using the 'zayn-heardle' template on https://glitch.com. The search-bar for searching for songs is not working. It doesn't show any options to pick a song.

See you on glitch.com! Jenn, Director of Community 👽

I've implemented the package https://pub.dev/packages/sign_in_with_apple successfully both for iOS and Android devices (my back-end is glitch.com, copied from the package's instructions).

Ok last but not least, Codesandbox. This is a newcomer to online collaborative workspaces which seems much more advanced. Codesandbox.io allows you to create node/npm projects, install packages, setup webpack or bundlers, include frameworks like React or Vue, and code in Typescript or JavaScript. It looks and acts like an IDE (VSCode) in the cloud, allowing shareable projects, not just code snippets.

Sync your projects effortlessly with GitHub. Codesandbox

Use online code editors such as Codesandbox or Stackblitz. They let you focus on writing code rather than dealing with local environment complexities.

For this article, I will be using an online code editor called Codesandbox. You can go ahead and use it as well, you can also create normal React js application on your computer.

{ "openapi": "3.0.0", "info": { "title": "CodeSandbox API", "version": "1.0.0" }, "servers": [{"url": "https://codesandbox.io"}], "paths": { "/api/v1/sandboxes/define?json=1": { "post": { "summary": "Create a new sandbox", "operationId": "Create Sandbox", "requestBody": { "required": true, "content": { "application/json": { "schema": { "type": "object", "properties": { "files": { "type": "object" } }, "required": ["files"], "example": { "files": { "index.js": { "content": "console.log('hello world!');" } } } } } } }, "responses": { "200": { "description": "Sandbox successfully created", "content": { "application/json": { "schema": { "type": "object", "properties": { "sandbox_id": { "type": "string" } } } } } } } } } } }

Create a CodeSandbox;

Start by visiting CodeSandbox's official website.

Alternative: CodePen, CodeSandbox. But in the end, we don't need StackOverflow or any alternative at all to use our brains and analyze the situation. (Further reading: Beyond Googling the Error Message