Steps done during project development

[vikramvi]

---

HTML and CSS Part

• NavBar on top

• contentful cms

• netlify

• local data + cloud data through contentful

• local storage

Extensions for VSCode

• Bracket Pair Colorizer 2

• Highlight Matching Tag

• Preview on Web Server

• Prettier - Code formatter

• Create account on FontAwesome

• include it in index.html

• add NavBar

• add hero image

• add products

• add overlay

---

JS part started

• write down variables needed
• write down skeleton classes doing different tasks
• write down function to get data and consume it inside event handler
• analyse data structure and modify function accordingly
• destructure the data ( class 1 )
• write function to loop through data and create dynamic HTML elements, later append to parent element ( class 2 )
• store items in local storage so that add to cart will be faster
• start adding methods related to cart ( adding, displaying and related featues )
• add event listender to each of the product's add to cart button
• add methods to update cart values
• add items to cart - generate cart item div dynamically
• display cart overlay once item is added to the cart
• clear all cart items
• add methods for individual items in cart ( remove, increase, decrease )