Advanced Features and Tools used by this Homepage

While still attending university, I wrote this homepage from the ground up while learning more about web development. It uses advanced browser features, and I made it using modern dev tools.
  • Framework: TypeScript + React + Webpack + Gulp + Node.js + Yarn.
  • Nginx routes the HTTP traffic, and PM2 keeps the Node.js process persistent.
  • It is fully client based. It does not need any page reloads and updates the browser’s history state on UI transitions.
  • It uses the CSS media query to switch the UI based on the window size, which also makes the UI adapt to desktop vs. mobile environments.

Dev tool - WebDash

I sporadically spent some of my free time developing a programming tool called WebDash:
https://github.com/Amtrix/webdash.

Contrary to what the name suggests, it has nothing to do with the Web. I developed it for myself to have a framework that maintains my projects. The following configuration is a real example of how I use it to build a binary, and it showcases the most important features:
https://github.com/Amtrix/webdash/blob/master/src/bin/_webdash-client/webdash.config.json

Test #1

Check How Blog Manages Many Entries #1

Test #2

Check How Blog Manages Many Entries #2

Test #3

Check How Blog Manages Many Entries #3