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.