I recently created and deployed an application called Tip Out. It’s an application that enables waiters and waitresses the ability to record and view tip outs. My inspiration came from my current employer, MadLife Stage & Studio, where I currently work as a waiter. The application was built with Ruby on Rails and PostGres in the back end, and React, JavaScript, HTML, and CSS in the front end. After completing the first version of my application over the course of 3 weeks, it was time to deploy Tip Out. While trying to deploy my back end, I realized I had…


Visual Studio Code is a free code editor redefined and optimized for building and debugging modern web and cloud applications. It supports a wide variety of programming languages such as JavaScript, TypeScript, Node.js, C++, C#, Java, Python, and more! I’ve been a developer for almost 4 years now, and I love VS code. I use it for all my projects. Primary, I use VS code for JavaScript and Ruby as these are my most frequently used languages. As you know though, VS code has support for much more!

Over my years of using VS code I’ve discovered or been informed…


Most of my project’s back-ends are built with Ruby on Rails. I studied and worked with Ruby on Rails during my time at Flatiron. I love Ruby and find it easier to use and understand than Java and C# which I studied at Chattahoochee Technical College.

If you have ever worked with Rails, you may know “routes” are how we access or invoke specific “methods” on specific “controllers”. The routes file is located inside the config folder. Every time an update occurs to the routes file, please ensure you restart your server if it is currently running. …


If you haven’t read any of my previous articles or posts, I’m a software developer who is currently searching for his first full time position. In the meantime, I write weekly blogs and work on personal coding projects. The first project I created after I graduated from Flatiron was my Portfolio site. A portfolio site is ideal for a developer to showcase their skills and projects, and it should also provide a convenient way for others to contact you.


A couple weeks prior I wrote an article about React Hooks, specifically useState and useEffect Hooks. Today, I’m going to continue exploring React Hooks by reviewing and discussing a couple more Hooks. Heres a quick reminder about React Hooks, and why I love and use them daily.

  • React Hooks allow you to create and alter state in functional components. This eliminates the predicament on whether a component should be a class or functional component.

Here are a few more notes about React Hooks courtesy of the ReactJS Documentation.


Hello there, lately I’ve been working with a great deal of algorithms and coding challenges as I continue my journey for my first full time position as a software engineer! More than likely, you will have to complete a coding challenge or solve an algorithm to acquire a job in software development. This isn’t always the case, as there are some exceptions. Some companies may feel coding challenges don’t accurately assess an individuals skill set.

In my experience so far though, most companies require a coding challenge or algorithm as part of their hiring process. I haven’t made it past…


So far I have only used Heroku to deploy my web applications. Well, that changed today as I decided to branch out and try a different deployment service. I love Heroku, and it is so easy to use, but I hate how my applications go to sleep after 30 minutes of inactivity unless you pay a monthly fee. The sleeping application then takes 30 seconds to “wake-up” which feels like forever from a client’s perspective.

I decided to try Netlify after witnessing many other developers use this service to host their applications. I saw some pretty good reviews about Netlify…


I believe everyone likes a good shortcut, and I personally like to complete tasks or goals in the most efficient fashion. Personally, I’ll choose the quickest route every time as long as it’s safe and legal or under the correct guidelines/standards. Time is precious and perpetually so why waste a second? This article is dedicated to early developers and users to Visual Studio Code. I would like to provide a few shortcuts(for mac users) that I use daily in VS Code that I have adopted over the past couple months. …


Im here today to talk about one of my favorite and most utilized CSS web layout models, the CSS Flexible Box Layout, also known as the Flexbox. Flexbox makes it easier to design flexible responsive layout structure without having to use float or positioning.

This is an example of a Flexbox

For the most part anytime I need to display a collection of data in the form of “rows” or “columns” I use Flexbox. One of the greatest features about Flexbox is the responsiveness. It’s very easy to allow resizing and adjusting. You can turn a row into a column depending on the available screen size…


Are you looking for an interactive way to display data on a React app in the form of a line chart, bar chart, or pie chart? This is the perfect article for you then! Of course, you could always use an image to display a chart. Wouldn’t it be cooler if a user could hover over the chart and interact with it? Or what if you need the chart to update constantly with new information?

Welp, if you weren’t persuaded before I hope you are now! Let’s dive in!

As I mentioned before, this article will focus on creating…

Gene Campbell III

Full Stack 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