/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.

Primary LanguageCSSMIT LicenseMIT

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 API Preview

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:

License: This project is licensed under the MIT License.

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

Enjoy Cats!