Skip to content

Latest commit

 

History

History
18 lines (13 loc) · 1.14 KB

README.md

File metadata and controls

18 lines (13 loc) · 1.14 KB
Raw

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