zoltan-kovac / catapi-challenge

TheCatApi Engineering Challenge

Deploy status

Exercise: CatLover

Create a React application for cat lovers which is going to build upon thecatapi.com and will have 3 views. The first view displays a list of 10 random cat images and a button to load more. Clicking on any of those images opens a modal view with the image and the information about the cat’s breed if available. This would be a link to the second view below - the breed detail. The modal should also contain a form to mark the image as your favourite (a part of the third view as well). Make sure you can copy-paste the URL of the modal and send it to your friends - they should see the same image as you can see.

The second view displays a list of cat breeds. Each breed opens a modal again with a list of cat images of that breed. Each of those images must be a link to the image detail from the previous point.

The third view allows you do the following things:

• Display your favourite cats
• Remove an image from your favourites (use any UX option you like)

You can find the API documentation here: https://docs.thecatapi.com/ We give you a lot of freedom in technologies and ways of doing things. We only insist on you using React.js. Get creative as much as you want, we WILL appreciate it. You will not be evaluated based on how well you follow these instructions, but based on how sensible your solution will be. In case you are not able to implement something you would normally implement for time reasons, make it clear with a comment.

catapi-challenge's Issues

Hi there!

Hello Zoltan,

Thanks a lot for taking the time and effort to do this challenge!
I have some questions below, if you could answer them 🙂

• How would you setup CSS if additional styles were needed?
• What would you change if there were no time constraints?
• Have you used any testing frameworks before?