Favorite interactive web apps without a backend?

Favorite interactive web apps without a backend?

1. https://gchq.github.io/CyberChef/ Run mutations on inputs in your browser. Lots of useful little operations.

2. viraptor

   edited 20 hours ago

   | link

   https://tls.ulfheim.net/ - tls explained (not quite a full app, but still)

   https://devdocs.io/ - offline searchable language reference docs

   https://app.diagrams.net/ - diagram drawing tool

   https://nginx.viraptor.info/ - nginx location matching tester (mine)

   1. The nginx one looks really useful, thanks!

   2. zem

      6 hours ago

      | link

      whoa, that diagram tool is very impressive

3. https://numbr.dev - web version of soulver. Calculator with currency rates.

4. Ameo

   17 hours ago

   | link

   https://transform.tools/: Lots of useful conversions between data formats (JSON->CSV, GraphQL->TypeScript, auto-generate Rust struct definitions with serde and everything from JSON, etc.)

   https://squoosh.app: Image optimizer/compressor and converter into different formats, including experimental ones like JPEG XL and AVIF. Made by the Wasm people at Google iirc to show off fancy new browser tech.

5. I’m not going to put favourites here, but I’ll shamelessly plug my own Little.Webby.Press which is a book assembler. It can generate eBooks and static websites for the books from a set of Markdown/Textile/Asciidoctor files. I used it to generate its own documentation.

   It is a pure client-side webapp. Everything runs in your browser. Your data is never transmitted anywhere, there is no tracking or accounts.

   I’m now working on Gamebook assembler targetting the Playdate handheld, it will be the same architecture as this one.

   1. also, be gentle, the code is messy as hell. I build this for myself.

      1. This is a really cool concept. I’d love to explore it more, thanks for sharing!

         1. Thanks for the kind words. I tried to document all of it and made a video showing its usage as well. Feel free to reach out if you ever need a hand or if you have some feedback about it.

   2. Haven’t had the chance to dig into the codebase, but it honestly sounds like a really fun concept. I’ll take a look at this tonight.

6. Mostly toys. Wordle and Alkulukuja Paskova Karhu, The Prime Number Shitting Bear.

   There are a million online calculators for different things like https://www.omnicalculator.com/physics/ideal-rocket-equation

   There are some online calculators for planning out production lines in Factorio :)

7. https://emojinator.fun/ for creating custom emoji mashups for Slack et al

8. https://randomkeygen.com/ - random key generator with various handy special-case uses

9. 1. That’s nice. Now I wish it had https://hexinator.com/ style format parsing.

10. https://bulkresizephotos.com is really handy for resizing batches of photos. It’s all client side.

11. I built an in-memory data IDE: https://app.datastation.multiprocess.io/. It’s a demo of the full desktop app but it’s pretty functional. Let’s you load from files, run HTTP requests (if CORS headers are set by the server), script in Python (using Pyodide/wasm), JavaScript and SQL (using AlaSQL), and make graphs from the results.

    The code is open source: https://github.com/multiprocessio/datastation.

12. zladuric

    edited 11 hours ago

    | link

    Some interesting ones: https://andrei.codes/ascii-camera/ and https://andrei.codes/predator-vision/ for cool, frontend-only camera shenanigans. The code is simple and can teach you easily how this is made.

    Also, a stream-related one: http://thlorenz.com/stream-viz/

    I’m pretty sure we should not skip Photopea.

13. • https://www.regexplained.co.uk – creates a railroad diagram of a given regular expression
    • https://benjamine.github.io/jsondiffpatch/demo/index.html – compares two JSON inputs and produces a visual patch
    • https://playground.babylonjs.com – like a CodePen or CodeSandbox for experimenting with the Babylon WebGL API (technically does have a backend for saving)

    +1 to devdocs.

14. tcard

    5 hours ago

    | link

    Something I use all the time:

    https://snapdrop.net/ - Send text or files between devices on your local network, P2P via WebRTC

    Plus, I’ve made a couple of those:

    https://sshign.tcardenas.me/ - Sign and verify text or files with the SSH key you probably have already associated to you on GitHub https://instamock.tcardenas.me/ - Give a Go interface, get a struct-of-funcs that implements it

15. Anybody know beginner learning resources for creating such static web apps? I’m assuming these can be easily hosted via GitHub Pages by just putting the required files in the gh-pages branch.

    1. The only requirement is to write it only using JavaScript and browser APIs. You could use vanilla JS or one of the popular frameworks like React, Vue, Svelte and others.

16. Depends how you define ‘useful’, but mine has to be ‘The Scale of the Universe’, a zoomable view of things in the universe from the scala of quarks to universal super-clusters: https://htwins.net/scale2/

17. zem

    6 hours ago

    | link

    https://viresh-ratnakar.github.io/exolve-player.html is a browser-based crossword player with a ton of features, including the ability to paste in a bunch of clues and have it figure out the grid (useful when e.g. you have a crossword in a pdf and you’d like to do it interactively).