Skip to content

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.

License

Notifications You must be signed in to change notification settings

GogaNotClown/http-cats

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

Enjoy Cats!