Skip to content

Latest commit

 

History

History
17 lines (12 loc) · 1002 Bytes

README.md

File metadata and controls

17 lines (12 loc) · 1002 Bytes

Floofs of Launch

A React app live-coded as part of Launch Academy's intro to React curriculum. The goal is to practice building stateless components, nesting components inside other components, and map-ping over data to create collections of React components.

The App.js top-level component should render a CatSection and a DogSection. It passes down data from the constant data.js. Using this data, use custom section and tile components to render the data. If a pet's "human" is equal to "Nick", make sure to shame him for claiming that he owns a dog by outputting a message underneath the tile for his pet.

Bonus: You should edit the CatSection and DogSection to map over the data coming down through props and return CatTiles or DogTiles respectively.

Bonus refactor: create one AnimalContainer that renders both CatTiles and DogTiles.

Setup

To get set up, run the following:

  yarn install
  yarn start

and navigate to localhost:8080