GoDaddy

Image for post
Image for post
Photo by NASA on Unsplash

If you have deployed your app on Netlify but would prefer to use a domain you purchased on GoDaddy, this is the blog for you.

This guide will walk you through the necessary steps to use your custom GoDaddy domain while continuing to use Netlify and all of its useful deployment features.

Prework

This blog assumes that you have already created a Netlify account and purchased a GoDaddy domain. If you have not done so, you can Sign-up/purchase here (Netlify & GoDaddy).

** Please note that Netlify now allows users to purchase domains direct **

For a tutorial on how to deploy a GitHub Repository to Netlify, please see my blog posted here. …


Converting Ruby Strings to Local Time in React

Image for post
Image for post
Photo by Fabrizio Verrecchia on Unsplash

In a recent coding challenge, I was tasked with building a chat application. One of the requirements was to show the time the message was posted. My first thought was to use the Ruby created_at string provided by my fetch. However, that string looks like this:

Created_at string from Ruby on Rails Backend

My next thought was to convert the date in my backend rails model, but this also proved problematic as the times that came through were in UTC.

# app/models/application_record.rbclass ApplicationRecord < ActiveRecord::Base
self.abstract_class = true
def created_at
attributes['created_at'].strftime("%Y-%m-%d %H:%M %Z")
end
end
Image for post
Image for post
Rendering in Chat Application

In addition, the time zone I was living in was different from the time zone of the company I was applying to. …


Overview & Example

Image for post
Image for post
Photo by Pavan Trikutam on Unsplash

What is Recursion?

A recursive function is a function that calls itself. It’s important to learn recursion because it’s used in common built-in JavaScript methods such as JSON.parse, JSON.stringify, and document.getElementById (Steele). Also, recursion is essential to understanding Tree and Graph traversal algorithms, which we will discuss in future blogs.

What is the Call Stack?

Before diving any deeper into our discussion of recursion, it’s helpful to discuss the call stack. A call stack is used in most programming languages. It is a, “… built in data structure that manages what happens when functions are invoked” (Steele).

When functions are invoked, they are placed on the top of a call stack. To help visualize this, think of stacking boxes. In order to get to the first box, you need to take off the boxes stacked on top of it. …


Arrays and their Built-in Methods

Image for post
Image for post
Photo by Oliver Schwendener on Unsplash

In my previous Big O Notation blogs, we discussed Time and Space Complexity and Objects. Now we are going to look at Big O and how it relates to arrays and their built-in methods.

An array is an ordered data structure and can be used to store data of any type. …


Objects and their Built-In Methods

Image for post
Image for post
Photo by Michael Dziedzic on Unsplash

In my previous Big O Notation blogs, we discussed Time and Space Complexity and looked at algorithms as a whole. Now we are going to take it a step further and look at Big O and how it relates to objects and their built-in methods.

An object is an unordered key/value data structure and is used to store data of any type while also preserving a naming scheme. Below is a simple example of an object, where the key is the naming scheme and value is our actual data.

const example = {
key: value
};

In terms of Big O, objects are favorable for inserting, removing, and accessing data. These types of methods have an O(1); you may remember in my previous blogs that this means that they have a constant run-time, which is the most ideal in terms of Big O. The reason that objects have a constant run-time is due to the fact that they are unordered data structures. Moreover, when we are add, remove, or access elements, we do so based on their keys, not their location, so we can make changes without impacting the other key/value pairs. …


Overview of Space Complexity

Image for post
Image for post
Photo by Amine Ounnas on Unsplash

Big O notation provides Software Engineers a way in which to discuss algorithms and how they perform. Big O notation allows for a simplified way to answer the question of; which solution will the computer run faster? and which uses the least amount of computer memory? These two questions fall under two different Big O notation complexities, Time Complexity and Space complexity, respectively. This blog will focus on the second question of computer memory, which falls under the category of Space Complexity. If you are unfamiliar with Time Complexity, I recommend first reading my previous blog post found here.

What is Space Complexity?


Overview of Time Complexity

Image for post
Image for post
Photo by Jeff Fielitz on Unsplash

As Software Engineers, our days involve writing code to solve problems. There are many ways to solve a given problem, but how are we able to tell which method is best? Is it how fast the computer runs the solution? Is it the amount of computer memory used? The answer to these questions and how our solutions are compared is through Big O notion. This blog will focus on the first question of speed, which falls under the category of Time Complexity.

One thing to clear up before diving any further into Big O notation is the concept of algorithms. An algorithm is defined as, “a finite sequence of well-defined, computer-implementable instructions, typically to solve a class of problems or to perform a computation ” (Wikipedia). Or more simply put, an algorithm is the solution to a problem and we use Big O notation to compare and discuss our algorithms. …


Image for post
Image for post
Photo by SpaceX on Unsplash

Congratulations, you’ve built your first full-stack application and now looking to host it on the web to show your friends, family, and future employers. This guide will walk you through the necessary steps to

  1. Host your backend on Heroku
  2. Push your local Postgres database to Heroku
  3. Host your frontend on Netlify
  4. Adding API keys to your Netlify App

Backend

Heroku is a great software development platform for Rails applications. The main benefits are that it’s beginner-friendly, cost-effective, and deployment is quick and easy. …


(Part 1: File Setup and db.json)

Image for post
Image for post

Background

The most popular front end JavaScript web frameworks today include React, Angular, Vue, Ember, and Backbone.js. What sets React apart from other frameworks are the following features:

  • Virtual Dom
  • Declarative writing structure
  • Babel
  • Webpack
  • ESLint functionality

Setting Up Your First React App

React makes it easy to get started. In this example, we are going to make a page for one of the most popular racing games of all time Mario Kart. The terminal command to get started is the following.

npx create-react-app mario-kart

If run successfully you should see a message similar to the one…


Prior to enrolling as a Software Engineering student at Flatiron School, I worked in miscellaneous Accounting and Finance roles. Although, I did enjoy much of the work I did in these roles I felt that my creative-side was being unused and the routine was wearing me down.

Two years ago a family member suggested that I look into coding to separate myself from others with a Finance degree. The idea of learning programming languages and web frameworks although intimidating sounded like a fun challenge. However, I was not ready to make this leap until recently.

The start of the new decade and year brought me to reflect on my life decisions and asking myself if I was truly “happy”. The answer being “no”. The second question I asked was “Do I like where my career is heading?”. The answer to that question was also “no”. So, then the question became “how can I make myself happy?” …

About

Matthew Sedlacek

Software Engineer — Full Stack, JavaScript, ReactJS, Ruby on Rails, OO Programming

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