gordwame
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--d91986e7e8ab4bd2a4b1a8f1a57c111a.web.val.run
Still a work in progress.
Play at https://gordwame.val.run
- Use every letter inside the circle in any order to try and spell a word.
- Press a letter outside to circle to swap it in.
- Find as many words as you can.
- Use the "Reveal All Solutions" button if you get stuck.
- [] animate outside letter presses
- [] make the pressable buttons look more like buttons
- make boardstrings work with urls
- [] starting menu
- [] share link
- [] something should happen if you find all the words
- add an api route "/play/:boardstring" to backend/index.js
- validate that the boardstring:
- only contains letters of the alphabet
- has an even length of characters
- has a length between 6 and 22 characters (inclusive)
- if valid input, call stringToBoard from utils.ts on the boardstring
- with the output board of stringToBoard, follow the pattern in the /newBoard route: call solutions and create a response object to return with the board and solutions
- /play/:boardstring should return the main react app at "/" but with the data from the boardstring. Unlike /newBoard which just returns the JSON.
This is a (remix of a) starter template for a full-stack app in a Val Town Project. The app itself is a simple persistent message board.
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.
You can click into each of those folders to view their respective READMEs.