The challenge is making the "Disappearing Header" re-appear if the scroll direction is upwards. See the Represent Shop for reference.

Spec:

• When the header re-appears, it shall push down the content (Product) sticky header.
• When the scrolling direction is downwards, it shall disappear.
• There shall be no visisble gaps between the disappearing header & the sticky header.

Bonus:

• Virtualize the product list with react-virtualized

Run nx serve web for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run nx graph to see a diagram of the dependencies of the projects.

Run npx nx connect-to-nx-cloud to enable remote caching and make CI faster.

Visit the Nx Documentation to learn more.