HEX

Overview

Hex initially started as a creative idea for a portfolio site, till I realised two things, it's too advanced for non-techincal people (Specifically HR), and that I am too deep in, this project have been a lot of fun trying to mimic what bash does under the hood but only with web technologies, and simple things like the loader cursor and the command history have proven to be way harder than I initially thought making me appreciate tech and open-source even more.

Note: This project didn't have any LLM contribution, as at the time of creating this project, I really wanted to sharpen my frontend skills, which have proved to be a good decision in the long run.

How it works

All in all it's a simple vanilla website, as in built without a framework, and here's how I achieved a few things:

• ▪Pinging: it works based on a simple idea, sending an HTTP request -even if empty- almost always return a response never the less, so the idea is simply to, start a timer for each request sent, when the promise resolves, stop the attached timer and print the clocked timings, although this solution isn't accurate by any stretch of the imagination, it is fitting enough for this project.
• ▪whoami: it simply fetches all data the user's browser have tracked, and prints it.
• ▪File Structure: a big json object works as the source of truth for the structure, and users traverse through the tree, there was an idea to utilise local storage and add the touch and rm commands so users can create and delete files that actually sticks, but implementation have proved to be too tedious for a hobby project.