What I built
Argyle, an offline collection of online tools.
Category Submission:
Program for the People
App Link
Screenshots
Description
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.
Link to Source Code
Argyle
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.
🙀 Screenshot?!
😽 How can I help?!?
- Read the Code of Conduct
- Fork it ( https://github.com/GeopJr/argyle/fork )
- Create your feature branch (git checkout -b my-new-feature)
- …
Permissive License
Background
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)!
How I built it
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 nuxt start.
Additional Resources/Info
DO app platform makes deploying web apps (especially non-static ones) super easy!
Discussion (0)