yulsmir / cat-app

Foocoding - React project - Cat app - In progress

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/