Sign in

Software Engineer — Chicago

Create and Query Postgres Database

Why Postgres

There’s a number of options available when it comes to choosing a database when starting on a new project. You could use JavaScript-based MongoDB which stores data as documents. …


Overview of set-up and configuration

photo credit: wikimedia commons

Easy Integration

The Netlify CMS is a great option for creating a customizable template for editing content on your Jekyll site. It is an open-source React application that offers the capability to edit and add text and/or media to your site with a real-time preview. …


An Overview of Setup and File Structure

photo credit: wikipedia.org

Getting Started

As a static site generator, Jekyll gives us the ability to take text written in a markup language and insert that content into pre-defined layouts to be displayed in a browser. This is great for simple sites that don’t require a backend or database.

Jekyll is written in Ruby, so…


A simple-to-use Enzyme alternative

photo credit: academy.hsoub.com

Intro to RTL

The React Testing Library was created by the software testing guru, Kent C. Dodds. The goal was to provide a replacement for the popular JavaScript testing library, Enzyme that is more lightweight and eliminates the possibility of ‘damaging testbases’.

Kent is an advocate for good testing…


Creating Virtual References within Database Schema

photo credit: canvas.com

A Space Limitation Solution

Mongo DB stores document-based records as BSON objects. These objects have the same format as JSON objects but include some additional information in a richer format. Persisted documents can only hold a maximum of 16 megabytes.

Due to this limitation, it’s best to be mindful of the data that is…


Structuring MERN Application Back-end

photo credit: critical technology

MVC Overview

When beginning a new project, there are several different methods that can be used to set up the overall file structure and flow. One of the most commonly used architectural patterns is called MVC. This is an acronym for Model, View, Controller.

This pattern is favored…


Introduction to Creating and Running Containerized Programs

photo credit: shadowandy.net

What Is Docker?

If you’re dipping your toes in the world of DevOps or Cybersecurity, it won’t be long before you start discovering some chatter about Docker, Kubernetes and, containerization. These topics can seem pretty complex and to be honest, they kind of are. …


JavaScript-based Library for Mapping Anything!

https://github.com/laurencun/react-mapbox-geocoder

Getting Started

Geolocation features have many uses in modern applications. The user might be looking for businesses closeby, planning a trip or tracking their workout trail. There are tons of use cases where being able to show and update locations on a map is necessary.

GoogleMaps API…


Graphics That Offer Clarity

Scalable Vector Graphics

If you’re new to web development, opening up an SVG file for the first time can be a little overwhelming. Why is it so huge? What are all of these foreign attributes? Why does it not respond to CSS styling in the same way other image…


Toggling Classes to Uncover Secret Elements

Photo by Eren Li from Pexels

When you want to hide something… but show it sometimes

This article was inspired by Codepen’s recent weekly code challenge. The theme for their code challenges for this month was micro-interactions. There are many situations where you might want to hide and later reveal an element on the DOM based on user actions.

For…

Lauren Cunningham

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