As a beginner in full-stack software development, learning from mistakes is an essential part of the journey. In this blog post, we'll explore three errors made by the author while working on their first big project using JavaScript and HTML. The project involves fetching information about makeup products from an API and presenting it in a visually pleasing way.

Mistake #1: Not automating as much as possible
The author initially tried to manually create div HTML elements that matched the API Array elements, which proved time-consuming and prone to errors. Instead, they used the `forEach` method to dynamically create new divs for each product.

Mistake #2: Mistaken identity
When trying to troubleshoot an issue, it's crucial to check if the code is doing what you think it should be doing. The author used `console.log()` and `typeOf()` to identify the issue and found that they were mistakenly trying to use a method that wasn't applicable.

Mistake #3: Forgetting something might not exist
The author realized that sometimes, code can break because you're trying to change something that doesn't exist. They learned to remember that certain aspects of their code might not exist, which saved them time and frustration in the long run.

Source: https://dev.to/yusufabdul1/phase-1-blog-404g