First, install packages via NPM:
npm install
(We currently use node version v12.13.1, so all packages should run within that verison)
Second, run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
You will find styled-components
already installed, this is the preferred method for doing CSS styling at Foxtrot. But, if you feel more comfortable using another method, feel free!
- Investigate the comp: https://www.figma.com/file/tFhYREeWNPh4F0BqeycV3k/Coding-Test
- Scaffold app to your liking
- Run GET on
https://api.foxtrotchicago.com/v5/inventory/aisles/224/items?store_id=6
to retrieve products and groups - Whatever else you think is cool! Don't spend an inordinate amount of time on this, but please do highlight your skills!
- REACH OUT, just like on the job we're always here to help. Feel free to email anytime: [email protected]
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.