Full- Stack Software Engineer with a former life in high-end restaurant management. Currently working in React JS and Ruby on Rails.
Image for post
Image for post
Photo by Christina @ wocintechchat.com on Unsplash

This week I have an interview for a developer position and they want me to bring one of my recent projects and walk through it with the interviewer. I wanted to share the process I am using to prepare for the interview.

While this might sound like the most simple step, I think there are a few points to consider here that will help put your best foot forward. I had four questions I asked myself when choosing a project.

Is this project a good example of the work I can do currently?

Can I connect this project to the company I’m interviewing with? …


Image for post
Image for post
Photo by Lukas Blazek on Unsplash

Changing careers from hospitality and restaurant management allowed me to discover a lot of new things about myself and how I work best. The autonomy and ability to organize my time as I saw fit was something I didn’t have a lot of experience with while working in hospitality. Restaurants operate on a strict schedule, open at 5 pm, the first course served in seven minutes from the order being taken, tables of two should turn in 90 mins.

Web development brought more sentiments like finish this by Friday, let’s review this after that feature is developed. I quickly learned about developers who prefer the morning for deep work and those who liked late at night. Ads for Pomodoro timers started popping up in banners, and blog suggestions like “How to maximize your day as a developer” became my norm. …


Image for post
Image for post
Photo by Emma Matthews Digital Content Production on Unsplash

Code snippets are an absolute lifesaver when it comes to typing less and writing code quickly. The major text editors out there (VS Code, Sublime Text, and Atom) all have the ability to import extensions with these snippets or to write custom snippets that better suit your needs.

I use VS Code as my primary editor so the steps below will be VS Code specific. Sublime Text and Atom both have similar functionality, but it will not be listed in this post

What is a snippet?

Code snippets are bits of commonly written code that can be easily input using a prefix that has an autocomplete feature. …


Image for post
Image for post
Photo by Drew Saurus on Unsplash

Some recent contract work has led me to need to expand my skill set and use Vue JS for a user onboarding process so I wanted to share how I got the project up and running quickly using the NuxtJS framework.

I was nervous that learning a new front end framework would be tough since I’ve been thinking in React since Bootcamp.

I was pleasantly surprised at how natural it came. A lot of the compartmentalization and division of code that happens in React also happens with Vue. …


Image for post
Image for post
Photo by Adam Solomon on Unsplash

Setting up my portfolio site was a big project completed for me. It took me a lot of time to determine the design I wanted to have, what to include, and what features I could use to add some really interesting elements to my site.

One of the most commonplace things on modern-day websites is the ability to contact the person who owns the site. This might be to get in touch with them about work, leave some positive feedback about their site, or ask them a question.

Netlify has a fast and easy way to get this set up on your static site using just HTML and I’m going to show you how I added it to my site. …


Image for post
Image for post
Photo by Micah Williams on Unsplash

Security is one of the biggest concerns when creating new applications, and there are many tools out there to make authentication and authorization secure and easy to implement. Here are a few services I have used in the past to help with secure login.

There are more advanced systems you can put into place to make login even more secure. Multi-Factor and Two-factor authentication are two of these techniques where extra pieces of evidence (factors) are presented by the user to verify they are authorized to use a mobile application or website. These extra factors could be:

  • knowledge (something only the user knows) i.e. …

Image for post
Image for post
Photo by Marvin Meyer on Unsplash

When first learning about GitHub I think many are a little overwhelmed. New terminal commands, desktop application, branching and the like all take a little getting used to. However, once you fall into the groove and begin developing with the GitHub workflow will be like an old friend.

Last month, Brett Bedevian and I got the chance to develop a project together for the month-long community event Code with Friends. We decided to build an application tracker using Reactjs and Google Firestore since we are both searching for an awesome entry-level software engineering position after graduating from Flatiron School.

After Code With Friends came to an end we shared our project in various places and found that a number of people had input on how we could improve the project, and others wanted to help us continue to build on it. …


Image for post
Image for post
Photo by Denys Nevozhai on Unsplash

Dynamic pages allow you to show users what they need without having any extra markup on the page diluting the user’s attention from what they are trying to do on your application.

Writing components that allow for that dynamic behavior can quickly get complicated if you are expecting a myriad of user behavior. I’m going to show you three ways you can add conditionals to your React components to render content dynamically.

Probably the most explicit and easy to read is the if-else conditional. Let’s use the component below as our example.

A component with conditional rendering via if/else statement

We have a boolean in state and render a completely different snippet of HTML based on the value of that boolean. …


Image for post
Image for post
Photo by Dan Gold on Unsplash

File upload and retrieval is a key part of many web applications and is something every developer is going to need to implement at some point. Uploading files might seem complex at first, but with the right tools and frequent testing, it’s easier than you think.

We’re going to accomplish this using node.js for our backend and Postgres for our database. We will take advantage of a couple of packages to help us.

Run the following command in your terminal to install the packages we need for this exercise.

npm init -y
npm i express sequelize sequelize-cli multer

Here’s a little bit about each package as well as a link to its…


Image for post
Image for post
Photo by Lucian Alexe on Unsplash

A Flatiron School instructor once told me that when learning a new language, library, or framework it helps to build a project idea that you’ve built before. This takes out the “I have to come up with a great idea before I can start coding” so you can focus on learning the syntax and architecture of the new technology.

This technique is how I’ve been learning node.js over the past couple of weeks.

A DIY sharing site where you can upload instructions with pictures on how to make something and share it with other users. …

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