Skip to content

yulsmir/cat-app

Repository files navigation

This is a cat app 🐈

Project setup

  1. Clone repo.
  2. Navigate to cat-app.
  3. Run npm install to install dependencies.
  4. Create .env file and add CAT_API_KEY and add your API KEY from a https://thecatapi.com/ service.
  5. Run npm run dev to start project locally.

What is implemented

  • Setup a CRA
  • Single page application
  • Render some custom elements
  • Create a component with type-safe props
  • Create interactive state.
  • Pass state through props.
  • Use DOM events (such as onClick)
  • Fetch data in useEffect hook.
  • Render a list of items.
  • Conditionally render something based on a statement
  • Setup React Router v6.
  • Add at least two pages to navigate between
  • Use context with useState.
  • Use hooks: useRef, useCallback, useMemo
  • Plain CSS
  • No additional libraries used
  • API used: https://thecatapi.com/