fetch-ah-ahhh

Fetch-Ah-Ahhh is an 80s inspired blog display page created with HTML, Sass & JavaScript.

Page uses fake blog posts fetched from the JSONPlaceholder, a free online REST API and you can check it out here.

👍 Motivation behind the project

• Understand how to use fetch() method to pull data from a specific API
• Learn how to write more organized and reusable CSS with a help from SASS

🌱 What I learned

➡️ how to utilize Sass variables and nesting to write a more understandable CSS
➡️ how to use async function together with fetch() & json() methods to pull data and parse it to a JavaScript object
➡️ how to utilize forEach() method to create individual blog posts
➡️ how to sprinkle some CSS Grid magic and display evenly distributed, responsive blog posts
➡️ how to combine flex & none values of a display property with click EventListener to load additional posts