In order get up and running with this project, you'll need:
First please ensure you're using the correct Node version (16.x). If you use a Node version manager such as nvm, you can reference to the .nvmrc file.
Install all dependencies: npm install
Start the local server with the project running: npm start
Together during the interview we will create a responsive image-switcher/gallery, using the reference image below. Strive to include the following:
- responsive;
- captions - captions should be updated from picture to picture;
- animation - the gallery should animate where applicable;
- accessibility - this should be keyboard-navigable (tabbable), and built with any other a11y best practices in mind;
- touch(optional) - the user should be able to drag both carousels back and forward;
The purpose of this task is to test your problem-solving approach, your ability to compartmentalize development tasks, and your ability to jump in and work with minimal details. The task is to be undertaken over the course of an hour. It's ok not to finish, just try to get into as much detail as you can in that time.