Argyle: An offline collection of online tools
source link: https://dev.to/geopjr/argyle-an-offline-collection-of-online-tools-2401
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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!
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK