Jump to Content

Andrew M McCall

Andrew M McCall - Web Developer In Traverse City, Michigan

Web Development

Golang Image Resize and Golang Image Crop: Image Manipulation With Go Programming Language

An introduction to some of the very basic features of iamge cropping with Go.

How To Create A Website For Your Online Business: Small Business Website Guide

Why Do You Need A Business Website?

A business website is one of the most important tools you can have for promoting your company online. It is a cost-effective way to reach out to potential customers and clients, and it can help you build a strong online presence.

It can be used to showcase your products and services, provide information about your company, and even sell products and services online. If you are not sure where to start, there are many website builders and platforms that can help you build a professional website quickly and easily as well as a few DIY options.

Frontmatter Data And Hugo Templates: How To Output Data With Hugo Static Site Generator

Hugo makes quick work of small client jobs. It can even handle structured data like coffee shop menus or restaurant pricing.

VIDEO: Creating A Coffee Shop Menu Using Frontmatter YAML and Hugo

Creating A Hugo Homepage

hugo new site my-coffee-shop && cd my-coffee-shop

The first thing we are going to do is create a new Hugo website. In the config.toml file, we added a site title.

Golang Read Environment Variables From File: How To Do It [Code Snippets]

What Are Environmental Variables In Go

A Cautionary Tale: My AWS Account Was Hacked And I Have A $50,000 Bill

If you have ever used an API key or database connection string, you have most likely had a need to secure some sensitive data. Environment variables are a way to achieve this. We may need to do this because certain API’s can only be called so many times and the key is a way of authorizing our requests and keeping track of them. For example, the twitter API only allows 500k Tweets per monthcalls on the free Essential Access account per application. -Source: Twitter Developer Documentation

How To Create A Template Cache For Your Golang Web Application

This is an example of how to create a template cache for a go web application that uses an in-memory map.

Bootstrap A New Hugo Theme From Scratch [video]

A part of using Hugo is the freedom of making your own theme. In this tutorial, I will explain how to bootstrap a new Hugo theme so you can customize it exactly how you want to. I will go over verifying installation, creating a theme, telling Hugo how to use your new theme, and we walk through the very basics of setting up a theme so that the home page displays.

Install Hugo With Chocolatey Package Manager On Windows 10 [video]

Installing Hugo on Windows is easy with chocolately package manager.

For those who are not familiar, Hugo is a static website generator that can help you manage blazing fast static websites with minimal effort.

If you are on Windows, installing Hugo is easy using Chocolately Package Manager. Here are the steps we take.

Directions To Install Hugo on Windows 10 With Chocolately Package Manager

  1. Navigate to chocolately package manager

    Web Hosting Free Sites: Web Hosting For Developers

    Web Hosting Free Sites: A Guide To Free Web Hosting Solutions For Web Developers

    For new businesses or web developers that are just getting started, choosing affordable, reliable, and performant web hosting can be a challenging experience. The internet has become such an indispensable part of our lives that it’s hard to imagine a world without it. The internet has reshaped the way we do business and communicate, it has revolutionized the way we learn, work, and play, and it has changed the way we live our everyday lives. And yet, most people don’t think twice about the web hosting that houses their personal and business websites.

    CSS Grid Gallery: Easy Fluid Gallery With CSS Grid and Javascript

    Learn how to create a fluid image gallery with css grid and a few lines of javascript. In the following article, we will learn how to create a grid gallery that is fluid and easy to navigate with CSS Grid and Javascript. First, we will create a container for our grid gallery. Then we will create a row of items. Finally, we need to set up a grid to contain the items in the row. We will then apply some styling for our gallery so that it looks nice on all browsers by using CSS Grid and Javascript’s responsive design techniques.

    Custom React Hook Function: Create Custom Reusable React Hooks

    If you have found yourself re-writing the same boilerplate React code over and over, You may be able to refactor that into a reusable custom React hook function that will save you time and help clean up your code a bit.

    What Is A React Hook

    React Hooks are a new feature in React 16.8, which allow us to use state and lifecycle hooks without constructor functions. They enable us to write less code, improve testability of components , and reduce potential side effects . A few weeks ago I was working on a project that had many nested components with lots of state . It became difficult to manage the state because every component depended on each other. The solution was to create higher-order components (HOC). But this caused the codebase to be bloated and become unmanagable quickly.