Argyle, an offline collection of online tools.
Program for the People
Argyle is a Vue web app + PWA that provides 42 (public) tools as for now. Tools are split in 8 categories: text, beautify, minify, encryption, compilers, gaming, time and other.
An offline collection of online tools
🐱 What is this???
Argyle is a collection of tools you might come across online. The difference is that unlike most of them, everything gets executed client-side. This way nothing leaves your computer and you get to keep your privacy! Oh, this also means that you can use most of the tools offline! (It also comes with a cool PWA).
😼 How do I build it??
# install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ yarn build $ yarn start # generate static project $ yarn generate
For detailed explanation on how things work, check out Nuxt.js docs.
😽 How can I help?!?
I often find myself wanting to do basic actions, like encrypting text with AES, when I'm away from my workstation. Usually, the first thing I do is search for an online tool. However, most, if not all, require an online connection (duh!) and execute your request in their server. This brings up a huge risk, privacy. With Argyle I wanted to overcome those, I wanted to feel secure when using a web tool, that's why Argyle executes everything client-side. Most of the tools don't even require an internet connection, allowing you to run it offline (hey! it also comes with a PWA)!
Argyle uses Vue with Nuxt, allowing it to be a SPA without any hustle. This was the first time I made a PWA and I'm quite surprised with how easy it was!
Initially I wanted to use DO app platform to serve it as static (since I already have a GitHub action that builds and pushes to gh-pages branch), but it didn't play well with the routes so I went with serving it using
DO app platform makes deploying web apps (especially non-static ones) super easy!