GogaNotClown / http-cats

This project allows you to retrieve cat images associated with different HTTP error codes. Enjoy a fun and entertaining way to visualize HTTP errors with adorable cat pictures.

HTTP Cats

This project allows you to retrieve cat images associated with different HTTP error codes. Enjoy a fun and entertaining way to visualize HTTP errors with adorable cat pictures.

Getting Started

To use this project, follow these steps:

1. Clone the Repository: Ensure that Git is installed on your system.

   git clone https://github.com/GogaNotClown/http-cats.git
   cd http-cats

2. Open the HTML File: Open the index.html file in your preferred web browser.

3. Enter an Error Code: In the provided input field, enter an HTTP error code (e.g., 404) and click the "Get a cat 😺" button.

4. Enjoy the Cat Image: The corresponding cat image for the entered error code will be displayed below the button.

Technologies Used

• HTML
• CSS/SCSS
• JavaScript

Styles and Variables

The component utilizes custom styles and CSS variables for easy customization. Here are key variables available in the style.css and style.scss:

:root {
    --black: #111111;
    --white: #FFFFFF;
    --hover-white: rgba(255, 255, 255, .8);
    --font: 'JetBrains Mono', monospace;
}

$black: #111111;
$white: #FFFFFF;
$hover-white: rgba(255, 255, 255, 0.8);
$font: 'JetBrains Mono', monospace;

Additional Information

Copyright:

• HTTP Cats API created by @rogeriopvl
• Original Repository 🐱 HTTP Cats API
• Original Website Website

License: This project is licensed under the MIT License.

Contact: For questions or suggestions, you can contact GogaNotClown via GitHub.

Enjoy Cats!