andreas-groos / williams-sonoma-challenge

Coding test for Williams Sonoma

Sonoma Williams Code Challenge

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Install dependencies:

npm i

Dev Build

npm run dev

Production Build

npm run build && npm run start

Open http://localhost:3000 with your browser to see the result.

Functionality

• shows responsive grid with products based on the given json, with 1,2,3 rows depending on windows size
• shows image name and sales price/regular price/out of stock
• on click opens a modal where existing images are displayed, along with arrows for navigation and a dot indicator for current image
• supports keyboard navigation with ⬅️, ➡️ and ESC key
• clicking on the modal background also closes the modal

Testing

not implemented