Dynamic New Items Feature

[worldofwandag]

Task:

1. to make "New Items" dynamically fetch from given API.
2. Create Skeleton Loading state (with animated shimmer effect)
3. Implement Slick Slider Carousel.
4. Display Countdown timer taking data from API.

Why (optional but should be done on the job)

To demonstrate Frontend skills for internship.

How

1. Used axios.get to fetch from API coupled with a useState to print it in return / html.
2. implemented useEffect for skeleton loading state with setTimeout along with a useState hook for loading and mounting.
3. created custom arrows and implemented slider by setting specific parameters.
4. created a new UI component called "UseCountdown.jsx" that converted Expiry date into a time in milliseconds, then calculated it to help display it in hours, minutes, seconds.