https://github.com/anlawyer/bento-cats-project

Cats app for Bento.
https://github.com/anlawyer/bento-cats-project

bulma cats react

Last synced: 21 days ago
JSON representation

Cats app for Bento.

• Host: GitHub
• URL: https://github.com/anlawyer/bento-cats-project
• Owner: anlawyer
• Created: 2018-03-28T14:49:28.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-30T15:38:06.000Z (almost 7 years ago)
• Last Synced: 2024-11-14T22:42:02.268Z (3 months ago)
• Topics: bulma, cats, react
• Language: JavaScript
• Homepage:
• Size: 317 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Get a load of these cats!

This app was created as part of the interview process for Bento for Business. 

Download/clone this repo, run `npm install`, then `npm start` and open http://localhost:3000/ to see those cats in action!

Upon loading, the app calls two APIs - one for cat images, one for cat facts - and displays the results in cards. Here's a breakdown of the features:

### Favorite your favorite cats

Enjoy a particular cat image or find an interesting fact? Favorite that kitty! Then click the "Show only favorited cats." button at the top of the page to see only your favorite cats. Click it again to see all the cats, and choose some more favorites.

### Sort alphabetically

Why sort by the first word in the fact, when you can sort by the first letter of the last word? Click the "Sort by last word in fact." button to sort all the cats. We like order so no unsorting, sorry.

### Show only one cat

Tired of too many cats on your screen? (Who would be?) Click the "Show only one cat." button to show just one kitty. Click it again to bring the rest of them back - that's better. 

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app) and styled with [Bulma](http://bulma.io/).