Skip to content

Pma913/cats-meow-2

Repository files navigation

Cats Meow

links

Abstract

Cats Meow is a cat fact generator. The user is able to generate random cat facts at the click of a button, favorite the fact to save for later or get a new fact. This application is designed for all those people out there desperate to know the most about cats and more specifically, to be able to impress their friends with their super knowledge of everyones favorite furry companions..... well at least 25% of us.

Context

The purpose of this application is to fetch data from an api and manipulate it in some way through user interaction all while displaying an understanding of React architecture and routing with React Router.

At a glance

image image image

Technologies Used

  • React
  • CSS
  • JSX
  • React Router
  • Cypress
  • PropTypes

Install

  • clone repo
  • cd into repo
  • run npm i
  • run npm start

Winns

Updating the api from which the application is fetching its data. This new data source, The Cat API delivers a larger and more complex object upon request which the application cleans up before rendering the final data to the DOM.

Challenges

Reformattig the application to handle the new Cat API took a fair amount of work and basically led to a complete overhaul of the project.

Collaborators

Patrick Ankiewicz: github | linkedin

Future Extensions

  • Random cat photo with each fact
  • Turn saved cards into cat quiz/flash cards
  • Add cat breed and profile section
  • Random cat fact on landing page