Browsing Category Projects

Exploring Notifications

I was recently working on a Pomodoro Timer and decided it would be a great time to look into browser notifications. I discovered the Notifications API and started to play around with how to incorporate it into my timer. The first step is to request permission from the user to allow notifications. A callback function may be specified that is called once the user responds…

Read More

Preventing Early Escape

Recently, I was working on a Wikipedia Viewer for Free Code Camp that allows you to search for articles and links you to the top five results. After playing around with my finished product, I noticed that sometimes the link wasn’t taking me to the correct result. For instance, the search result “It’s Not Right But It’s Okay” was taking me to the Wikipedia page…

Read More

Geolocation and the Open Weather API

Recently, I was working on a Free Code Camp¬†project where I created a page to show the current weather in your location. I knew that in order to pull weather data for the user’s area, I needed to locate them first. When I tried to get geolocation information from the user, it initially failed. I realized after checking my page errors that versions of Chrome…

Read More

Vertical Centering with Flexbox

Recently, I started to struggle with vertical centering while working on my Random Quote Machine. I had no problems getting it to center horizontally, but couldn’t for the life of me get it to center vertically. I was using a Bootstrap container to hold my content and my CSS looked a little something like this. .container { display: flex; justify-content: center; align-items: center; } After…

Read More