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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

Notes on implementation

• Icons are incorrect, as for speed I used https://react-icons.github.io/react-icons/
• For speed I used create-next-app. I have not removed much of the default install of React/Next.js created with create-next-app
• Individual project cards and other page elements could be separate components. As it is ProjectList and ToggleView are the only two I created.
• Intentional lack of alt text on images in cards as images are treated as deconration not content in this implementation.

area roles keyboard nav specify the main content

Todo:

• [] Add
  for accessbility in cards
• [] Dividing line missing below elements in mobile view
• [] Font sizing and line-height to match figma designs
• [] Image ratios to match figma designs
• [] Replace icons with designed icons
• [] Add header to page
• [] bug: fix focus styles
• [] but: misaligned progress bar in list view