A laptop showing a blog with a horizontal menu bar, beside a phone showing the same blog with a glowing hamburger icon and a navigation drawer slid open

Adding a responsive menu to your Hugo PaperMod blog

I have been using Hugo-PaperMod as a theme for quite some time. It is pretty lightweight and yet flexible. For the past 4-5 years, I have been working with this Hugo based blog and I have definitely learned a lot about the structure of a Hugo website and made several modifications to the original theme but just on my blog and shared about it earlier. There was one thing that I hadn’t done for quite sometime. Primarily because I really don’t have the time to keep modifying themes. I barely have time to write about things I want to write. But today I bit the bullet and decided that I was going to do it. This is partly because my wife was reviewing the latest Resume page that I added and she told me that the navigation had to be scrolled horizontally! And as someone who has built user friendly platforms most of my professional career, this hurt. So off to work I went. ...

November 9, 2024 · 4 min · 794 words · Eakan Gopalakrishnan
Futuristic Humanoid optimising the algorithm for searching a word

How I optimised my blog's search performance

By now you are already aware that at this time, this blog is using Hugo-PaperMod as its theme. This theme, as I have repeatedly mentioned, is pretty minimalistic yet full of necessary features. One such feature is search. As this is a static website, search is implemented on the client-side. When Hugo builds the website, it generates a certain index.json that is indexed for this very purpose. PaperMod uses Fuse.js for its search. You can read all about it in the GitHub hosted documentation. ...

February 5, 2024 · 3 min · 546 words · Eakan Gopalakrishnan
ReactJs

React aka Reactjs

So last week I did a little example app following instructions by Brad Traversy. To give credit where credit is due, I have linked his video right here in my post. I’m going to share the gist of what I learned here as part of this post. Because sometimes, you might just want to get an overview, you may not want to get hands on and start coding. This is a very high level overview of some of the concepts. And the source code can be found in my github repository. ...

January 23, 2021 · 9 min · 1882 words · Eakan Gopalakrishnan
NodeJs

Node - Get started

What is it? For a really simple introduction, check out my earlier post on an Introduction to Node and npm. Node is a javascript runtime environment outside your browser. It is a program that embeds Chrome’s V8 engine into a command line executable that lets you run javascript. You can download and install it from Nodejs.Org So what? Node comes with a package manager - npm, node package manager. that allows you to publish and download packages from npmjs.com, a web portal that allows developers to share their re-usable javascript modules. It has inherent support for both CommonJS and ECMAScript modules. When you download and install node, you’ll get node executable and also the node package manager. ...

December 6, 2020 · 4 min · 766 words · Eakan Gopalakrishnan
NodeJs

Node and npm: The intro I wish, I got when I began web development

There are times in life, when you begin doing something without fully understanding it, simply because, at that point, you didn’t have the luxury to dig deeper, go further and be in a position where you could explain to a 5 year old, what it is really like to do what you were doing. I have been in this position several times. A lot of times, software development for me has been a journey of reverse engineering, or figuring things backwards. Do it first, based on snippets read here and there online and then connecting the dots gradually as you spend more time doing similar things. Sounds familiar? Probably, the life of every other software engineer on the planet working on a target deadline. ...

December 6, 2020 · 4 min · 709 words · Eakan Gopalakrishnan