Photo by James Harrison on Unsplash

After attending a wedding, I got interested in the idea of templating. When you send an invitation, all of the information remains the same for each recipient with the exception of the “to:” portion. The body of your invitation is identical, but there is a greeting addressed to each individual. The ability to change this individual greeting dynamically is an example of templating.

New programmers are constantly taught to keep their code DRY, meaning ‘Don’t Repeat Yourself’. Better code is dynamic and reusable. …

Express is one of the best known and most used node packages. According to its NPM page, it has 16,165,702 weekly downloads.

Express makes it easy to quickly set up a web server, so it is a great solution for hosting a single page application or API. As part of my dive into Node, I investigated some easy ways to see Express in action quickly. I like getting started with small examples, so I can better understand the roots that form more complex applications.

To start up Express, you install the package and require it in your application.

Express is…

I’m always trying to enhance my overall JavaScript knowledge, and I’ve been doing so recently by putting time towards learning Node.js. To this end, I have been building a basic weather app.

Communicating with an API is a great way to learn how to structure different requests and determine which information you want back. To make this process easier, I installed the highly recommended HTTP client server, Request.

As of February 11, 2020, though, the Request NPM package has been deprecated. Thankfully, the popular and trusted API testing service, Postman, picked up the slack and has fixed any bugs that…

I’ve recently started working more with Node.js, and with my inexperience comes a lot of broken apps and code that simply doesn’t work. It can be pretty frustrating, but from learning where my mistakes most commonly arise, I can hopefully stop myself from erring in the same way.

I won’t go so far as to call this first method “debugging.” In the context of console.log, I know this terminology is controversial. For me, though, the console is a great place to start to find my own errors.

Not only could I be incorrect through a typo or missing bracket, but…

Photo by Damian Zaleski on Unsplash

Many frontend specific roles require knowledge that you might not have acquired without on-the-job training or by doing some extra research. Two of the most common requirements found in job descriptions — beyond the obvious HTML/CSS/JavaScript/SPA framework proficiency — are knowledge of cross-browser compatibility and web accessibility standards. In this post, I will talk about the latter.

Part of creating a great site or app is making sure all potential users can benefit, including those with disabilities. On their site, the Web Accessibility Initiative outlines their goals and provides accessibility checklists and methods for meeting these standards.

Talking about the…

Getting started with Google Firestore and Firebase is much like getting started with the Redux library. There is a lot of boilerplate code and specific syntax required to make it work. It takes some effort to get the scaffolding in place, but once set, it is powerful and can make your project more efficient.

I compare these two because I recently implemented a library to help me connect it all together in a project to which I have been referring frequently, my React Tarot Card App.

To give a bit of background, users can create an account then sign in…

Photo by Ferenc Almasi on Unsplash

As a relatively new programmer, it is not always my first instinct to keep my code DRY (don’t repeat yourself). I want things to work right now. But I have learned that this impatience comes back to bite me in the long run.

The problem with the come-back-later mentality, for me, is that if I keep putting off refactoring repeated or messy code, I will eventually have an impossibly long list of rewriting to do and potentially more headaches to the rewiring since my application has continued to grow alongside my procrastination.

I try now to be more deliberate in…

For the past few weeks, I have detailed my planning and early development of a React Tarot Card app.

Using React Router, I created and linked several pages. The All Cards page, shockingly, displays all of the cards in the deck. It is assembled through a collection of SingleCard components. The All Cards page is meant to focus on broader learning, so it contains a dynamic search bar for finding specific cards. When a user clicks on each card, a modal component displays the card’s details, such as its number, suit, and a variety of possible interpretations.

For the Readings…

Following up last week’s blog planning a personal project, a React Tarot card app, I will detail now some of the work I accomplished this week in the early stages of the project’s development.

As of last week’s writing, I had only completed the fetching and displaying of images and information in a sort of overview component I called AllCards. This page component displays the Tarot Deck in order. It consists of the SingleCard component, which I use throughout the rest of the app.

I decided on a black and gold theme for the app, so you will see this…

I’ve been working on my portfolio website recently, admittedly a task I should have completed long ago, but I feel like I need one more robust project to include. I’ve been thinking about creating a Tarot card app for some time now, so following through on this idea will round out my site nicely.

I’m using this blog as an exercise to keep myself in check and document my early thought process for the project. I am very early in the actual creation, so most of my discussion will be strictly brainstorming.

For those unfamiliar with Tarot cards, they are…

Alex Foreman

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store