Basic structure HTML, Style in CSS, Add functionalities in js.

https://mysecondprojectlibrary.netlify.app/

Week 1 Start to build a Recipe Library HTML structure: Input fields for filters and sorting options A placeholder recipe card Writing JavaScript functions to handle user selections Sorting options

Week 2 Arrays, object and loops to show recipes using selections, be able to display all of the recioes, feature a button that selects a random recipe, hav an empty state, responsive from 32npx to 1600px

Week 3 Fetch real recipe data from Spoonacular's API Display dynamic recipe cards based on the API data Adapt filtering & sorting to match the API response format Show a useful message to the user in case the daily quota has been reached

The goal was to practice working with arrays, objects, and functions in JavaScript and to fetch and display real data from an external API Styled by using CSS variables for what I call Technigo colors (blue, pink, and aqua) to make it look as much as the Figma demo.