Today I’m excited to share something incredibly simple…. GitHub has it’s own hosting called GitHub Pages, and it is SO easy to set up!

GitHub Pages allows users to host simple (and some more complex) website and website features, directly from their GitHub project file.

The best part is how SIMPLE it is to set up!

  1. Go to a repo on GitHub.
  2. Click on Settings at the top right.
  3. Scroll down to the pages tab.
  4. Select your master branch to host.
  5. Click save.
In your repo — click settings at the top right.

Every developer knows about fetch requests… Axios is essentially an NPM alternative to “fetching” data, with some cool additional features. With over 18 million weekly downloads, if you aren’t familiar with Axios, I definitely recommend checking it out!

So let’s take a quick look at some of the extra features Axios can offer:

  • Make XMLHttpRequests from the browser
  • Make http requests from Node.js
  • Supports the Promise API
  • Intercept request and response
  • Transform request and response data
  • Cancel requests
  • Automatic transforms for JSON data
  • Client side support for protecting against XSRF

First and foremost, one of my favorite things about Axios…


When it comes to React hooks, I’d personally say the useContext hook via the context API is probably one of the more easy to use, useful, and powerful features available when it comes to state management.

In React, context provides a way to pass data through a component tree without having to pass down props manually through every level.

react logo
react logo

The useContext hook provides a way to consume context in a functional component, essentially allowing us to pass state, or the function to set state, to any component without passing it down the entire tree as a prop (we all know…


There are a lot of use cases where triggering audio can come in handy… whether that’s a simple sound effect to let a user know that something worked (or didn’t), or building something audio centric like a drum rack or a sound board.

Today we are going to build a super simple drum rack using Vanilla JavaScript. Here’s a quick demo:

Vanilla JS Drum Rack Demo Video

First let’s set up our environment.. in your terminal create and navigate into a new folder:

take vanilladrumrack

Then create the couple of files we will need:

touch index.html index.html index.css

And create…


The useEffect hook is incredibly useful. It’s yet another handy feature released not too long ago as a React Hook, a way to manage component lifecycles and app state inside of functional components.

The useEffect hook essentially replaces the componentDidMount lifecycle function from a class component, but useEffect is used in a functional component.

UseEffect is most commonly used to set a piece of state to that component, fetch data, reading from or writing to local storage, or setting event listeners.

The main functionality is that the useEffect will happen upon the initial render of that component, and allows for…


If you’re not yet familiar with the useState and useEffect hooks, I highly recommend checking them out. They are the most commonly used hooks, which are essentially how React now manages state in (what used to be considered “stateless”) functional components.

In a recent interview, I was asked to refactor one of my Class components into a functional component. As I began building out the functional component, setting state with useState hooks, and changing my componentDidMount to a useEffect hook, I was presented with a new problem. How to prevent my useEffect from re-rendering excessively?

react logo
react logo

According to the React Documentation…


One of the main reasons I got into software & web development is my obsession with music technology. There are SO many amazing music programs out there, from the many music streaming / listening apps, to a nearly uncountable amount of music production softwares, to an expansive library of music theory helpers, and an ever-growing number of instrumentation practice tools.. and beyond.

Obviously there’s a TON of creativity, inspiration, knowledge, and talent behind all of these examples, which reach deeply into and pull fruitfully out of some wildly different creative rabbit-holes.

Here’s a quick look at just a few of…


Even if you’re new to coding, chances are you’ve already taken a dive into looping. There are infinite different use cases for looping, the main idea being that it is a way to repeat something cyclically until a certain condition is met.

In general, there are two main types of loops: Definite and Indefinite.

Definite loops repeat a certain set of instructions a certain number of times, and are implemented using count control — these are your For, For..In, and For..Of loops. Indefinite loops repeat a certain set of instructions until a specific condition is met — these are your…


Whether you’re learning to code, looking for a coding job, or trying to make a specific coding task more efficient, Big O Notation is something you’re either already thinking about, or should be thinking about.

Simply put, Big O Notation is the comparison of how efficiently one solution to an algorithm runs compared to others. It’s the mathematical way of recognizing how demanding a solution is as the inputs grow to be very, VERY large.

Big O Notation applies to both time and space; think about how much time an algorithm will take to run as the inputs get very…


if(proud){tell(story)}

Seven months ago I was presented with an idea…

The idea was to turn my focus from Software Sales to Software Development.

As a creative individual who had just spent 6 years in sales, this seemed like the most frightening and exciting idea I’d ever considered.

I graduated last week from Flatiron Schools Software Engineering Immersive program in Denver, and could not be more excited about the decision I’ve made, and the future it holds.

In a mere 7 months, I went from “what does that question even mean?!” …

Jordan Panasewicz

Denver, CO based. Software Sales turned Software Engineer.

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