DEV Community

loading...

Argyle: An offline collection of online tools

geopjr profile image GeopJr ・2 min read

What I built

Argyle, an offline collection of online tools.

Category Submission:

Program for the People

App Link

Custom Domain
DO link

Screenshots

screenshot

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

GitHub logo GeopJr / argyle

An offline collection of online tools

argyle branding

Argyle

An offline collection of online tools


action accessibility MIT MIT ci action status

🐱 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
Enter fullscreen mode Exit fullscreen mode

For detailed explanation on how things work, check out Nuxt.js docs.

🙀 Screenshot?!

screenshot

😽 How can I help?!?

  1. Read the Code of Conduct
  2. Fork it ( https://github.com/GeopJr/argyle/fork )
  3. Create your feature branch (git checkout -b my-new-feature)

Permissive License

MIT

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)

Forem Open with the Forem app