https://github.com/JoeG21/JoeG21

In this walkthrough, I’m going to show you how to customize your GitHub profile page. Making it unique and personal so you can showcase your skills to anyone who visits your profile.

First, we need to make a new repository under the name of your username and initialize it with a README file. This will give you a special repository and will be the first thing that gets display when visiting your profile.


“Big O notation is a mathematical notation that describes the limiting behavior of a function when the argument tends towards a particular value or infinity. It is a member of a family of notations invented by Paul Bachmann, Edmund Landau, and others, collectively called Bachmann–Landau notation or asymptotic notation.”

— Wikipedia’s definition of Big O Notation

There’s two key terms that define Big O Notation, Time Complexity and Space Complexity.

1. Time Complexity, a measure of how fast an algorithm runs.

2. Space Complexity, a measure of how much auxiliary memory an algorithm takes up.

These two terms make up…


This walk through is going to be about how to host your React application with Netlify.

Walkthrough In 9 Steps

  1. We need to make an account with Netlify.


Have you ever noticed in movies or TV shows that when the “awesome computer hacker person” needs to do something really important, you see them typing a lot of text on a screen and violà something seemingly magical happens?

It seems very intimidating and makes you think the movie “The Matrix” is a real thing when seeing it in action. But in reality this way of working with the computer is called the Command-Line Interface, CLI, and you don’t have to be a hacker to learn and use the CLI

In fact you used something similar without you even knowing…


GitHub: https://github.com/JoeG21/medium-ex/tree/master/react-modal/src

Almost all applications today uses some sort of pop-up whenever you click a button or anything of that matter. Modals are great features that looks simply to build but can be tricky to tackle when given the task. So I hope I can help someone who is struggling with this feature!

As you can see with our example, whenever we click on that button it’s going to give us a modal that covers the whole screen. Even the our header will be cover as well, it is important. Because the biggest problem people face is covering other styling.


https://github.com/JoeG21/medium-ex/blob/master/react-responsive/src/App.js

When making an application, you want to consider another devices when designing your project. Whenever it be mobile, tablet, and all in between, it’s important to keep in mind that they all have different window sizes. I’m going to go over to 2 ways you to make your application responsive on any device.

CSS Media Queries

Media queries is a simple solution for this problem, it’s noting complex and easy to implement. It has many selectors but the main one you’re going to use the majority of the time is “orientation”. https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media (orientation: portrait) {}@media (orientation: landscape) {}


A contact form is a really great feature to implement into your portfolio site or any business site. It lets any user contact you by simply filling out a form and sending that from to your email. A lot of solutions require you to have a backend, but for ours we don’! We are going to use Emailjs which takes care of that problem and lets us focus on the form itself. It’s perfect for smaller applications!

First thing we need to do is simply create an account with Emailjs. After you’ll be sent to this page.


Insertion sort is a simple sorting algorithm, it’s based on the idea that one element from the input elements is consumed in each iteration to find its correct position.

Even though it’s much less efficient on larger arrays than more advanced algorithms, it’s simple to implement and efficient on smaller data sets.

For our example, I’m going to be coding in JavaScript!

function insertionSort(arr) {  for(let startIdx = 0; startIdx < arr.length; startIdx++) {  }};
  • We are declaring a variable named “startIdx”, which is going to the our starting index, in our for loop.
  • In our conditional, we are…

Selection Sort is a simple sorting algorithm. It’s an in-place comparison-based algorithm in which the list is dived into 2 parts, the sorted part at the left end and the unsorted part at the right end. Placing the smallest element in the array first in the sequence and gradually increase to the largest element at the end of the sequence.

Let’s say we have an array of random numbers, and you need them to sort them from smallest to largest:

  1. Select the smallest element in the array
  2. Bring it to the starting position
  3. And change the counter for unsorted array…

Sometimes you have to display a PDF file on your application, even though it’s a niche feature to do you may be lost. This is going to be a simple follow along, using a library from https://www.npmjs.com/package/react-pdf.

First, let’s import the library into our application.

npm install --save react-pdf

Then we have to import it into our component that we are rendering the PDF file. For my example I have a Resume component that I would like to render the PDF file.

import React from 'react'import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';const Resume = () => {  return…

Joe C Gomez

I’m a Software Engineer who is always learning something new!

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