gridEdit5x5
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
index.ts
https://alexwein--f7a1ab55c2ca4b4fa54fec57c03ce174.web.val.run
A simple visual editor for creating and managing black and white 4x4 grids. Built with React, Hono, and Val Town.
- Visual Grid Editor: Click cells to toggle between black and white
- Text Representation: Automatically generates a textual representation showing black cell indices and white cell count
- Save Functionality: Save grids to persistent storage (grids can only be saved once)
- Saved Grids View: Browse all previously saved grids in a read-only format
- Copy to Clipboard: Easy copying of text representations
This app is broken up into three folders, corresponding to where the code in those folders run:
backend/- runs on Val Town serverless infrastructure in Denofrontend/- runs in the user's browsershared/- runs in both the frontend and backend
The entrypoint of this app is backend/index.ts, which is the Hono HTTP server, which serves the HTML, CSS, and JS, which run client-side.
Uses Val Town's blob storage to persist saved grids. The storage key savedGrids contains an array of all saved grid objects.
You can click into each of those folders to view their respective READMEs.