Making a native-like app with React and Supabase
Progressive Web App Like many new developers, my goal was to learn how to make mobile apps. I thought it would be so cool to have an app I created…
Building a series of clocks
See the live site See the GitHub repo If you're like me, you have a few devices that you're really not using any longer. You paid good money for them…
Creating a JavaScript app with instructions on Git & GitHub workflows.
See the live site See the GitHub repo I've had the idea for a while of creating a site that listed several Git actions that included a list of the…
Transferring your domain name when migrating your site
Recently I transferred my web hosting from SiteGround to WP Engine. SiteGround is a great web host - I just no longer needed the amount of space the GoGeek plan…
Adding links to your menu
Adding the links to your menu can be a bit confusing. You can go directly from the homepage to the About page by writing href="about". But what if you need…
Improving your skillset with play
You've learned something about coding or web development. But how do you really solidify that knowledge? What can you do to expand your skillset? For me, the answer is to…
React practice
My first introduction to React was through an introductory Skillcrush course. We made a few projects using CodeSandbox. And since then, I've taken an intro Scrimba course. But I really…
Play, practice, and improve to become a confident coder :)
Play Learning to code is incredibly fun. But how do you become sure of your skillset? If you've completed tutorials and built something, why don't you feel like you know…
CSS Animations intro
Be the best version of you. An example from the Scrimba course. Last weekend I finally dove into a topic I've long been curious about: CSS animations. JavaScript is often…
Positioning a hero image
This had photos but doesn't now. Backup your work before changing your theme! So what is the difference? .lost-hero-content { background: url("img/fredrick-kearney-jr-unsplash.jpg") no-repeat scroll left center / cover rgba(0, 0,…