Spruce

A place I publish my thoughts 🧐

Welcome to my blog page! Here, you'll find a collection of articles and resources covering various topics related to web development, design, and technology.

  1. Learn REST APIs by Building a JavaScript Project

    Freecodecamp

    In this article, we are going to learn about REST APIs, what they are, and how to use them as a JavaScript developer.

  2. How to Build Successful Projects as a Junior Developer

    Freecodecamp

    This article is specifically tailored for junior developers who might be struggling to create their own personal side projects. If you often find yourself relying on tutorials or feel like you lack the creativity to create projects independently, then this article is for you.

  3. How to Build a Full Stack App with Next.js 13 and Firebase

    Freecodecamp

    In this article, you will learn how to use the new Next.js 13 and Firebase database to build a full stack application.

  4. JavaScript DOM Tutorial – How to Build a Calculator App in JS

    Freecodecamp

    In this article, you'll learn about the DOM along with loops and events by building a simple iOS calculator app.

  5. Learn JavaScript Basics by Building a Counter Application

    Freecodecamp

    We'll be taking a practical approach to learning JavaScript in this article and the ones that follow. I promise I won't bore you too much with the syntax, but rather we'll learn by building projects.

  6. React Components – How to Create a Search, Filter, and Pagination Component in React

    Freecodecamp

    I wrote the article 'How to Search and Filter Components in React' exactly one year ago.

  7. JavaScript Promises for Beginners

    Freecodecamp

    In this article, You will learn about JavaScript promises in this article by building a real-world example.

  8. How to Visualize Weather Data with D3.js

    Freecodecamp

    In this article, we'll use the Tomorrow.io weather API and D3.js to forecast and visualize the precipitation probability of a particular location on a line chart.

  9. D3.js Tutorial – Data Visualization for Beginners

    Freecodecamp

    In this article, I'm going to walk you through how to use D3.js in a step by step and beginner-friendly way. We'll talk about what D3.js is, how it works, and we'll create some basic visualizations to add transitions, interactions, and zooming.

  10. How to Create a Dynamic Twitter Header

    Freecodecamp

    In this tutorial you'll learn how to create a Twitter banner that's updated dynamically with your current followers' profile pictures every 60 seconds.

  11. CSS Flexbox Tutorial – How to Build a Fixed Side and Bottom Navbar

    Freecodecamp

    In this tutorial you'll learn how to create a fixed sidebar and fixed bottom navigation menu with CSS flexbox instead. I'll host all code and demos on Codepen so you can see a live preview of what we'll build.

  12. How to Use Webmentions with Gatsby.js – A Beginner's Guide

    Freecodecamp

    This tutorial will implement Webmentions on an already existing site, so you should have at least some basic knowledge of React and Gatsby.

  13. What is Website Theming? How to Use CSS Custom Properties and Gatsby.js to Customize Your Site

    Freecodecamp

    In this article, I'm going to show you how to theme your website so users can customize certain elements to their tastes. We'll talk about website themes, how theming works, and we'll end with a demo so you can see it in action. Let's dive in.

  14. HTML Roving tabindex Attribute Explained with Examples

    Freecodecamp

    Have you ever used the CSS order or direction properties? You've probably used them dozens of times, but did you realize that these properties will cause a disconnect between what's being displayed and what's actually in the DOM?

  15. How to Search and Filter Components in React

    Freecodecamp

    If you're building a React app, you want your users to be able to search and get exact results. And if you are getting tons of items from an API, then you need to create a way for users to be able to find various items easily.