coding_exercise_react

This repo provides the exercise of building a kitten image slider app.

Designs

• Clicking the "Kit" button opens the previous kitten image
• Clicking the "Kat" button opens the next kitten image
• Clicking repeatedly on either "Kit" or "Kat" non-stop will only change the image once (after the clicking stops)

Prerequisites

Please ensure the local development environment has node 14.x.x.

$ node -v
v14.x.x

Installing ⚙️

Once the repo is cloned, please use yarn to install the dependencies.

$ yarn

Running 🏃🏻‍♂️

Once the dependencies are installed, please use yarn to start the app.

$ yarn start

Testing 📝

Once the dependencies are installed, please use yarn to run the unit tests.

$ yarn test

Dependencies 🥞

• @testing-library/react@^11
• @testing-library/react-hooks@^5
• jest@^26
• react@^17
• react-dom@^17
• styled-components@^5