Random cats facts

Web application developed in react whose objective is to demonstrate how to handle an API with said framework.

Features

• Retrieves a random cat fact from the first API.
• Retrieve the first word of the fact.
• Show a picture of a cat with the first word.

Installation & Run

To run this project, you need to have Node.js and npm installed on your computer. Follow these steps:

1. Clone the repository onto your local machine.
2. Open the terminal and navigate to the root folder of the project.
3. Run the following command to install the project's dependencies: npm run build
4. Run the following command to start the development server: npm run dev
5. Open your web browser and navigate to the following URL: http://localhost:3000

Testing

This app was tested using Playwright, to run test set follow these steps:

1. Run test: npx playwright test
2. View results: npx playwright show-report

APIs used

• Random facts
• Random images

Technologies used

• Vite
• React
  • UseState
  • UseEffect
  • CustomHooks
• PlayWright
• Github Actions
• Fetch
• HTML, CSS, JavaScript