Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/furkan-dogu/random-cat-images
My first async project. I created this project by fetching data from the API using the fetch method.
https://github.com/furkan-dogu/random-cat-images
bootstrap css fetch-api html javascript
Last synced: about 1 month ago
JSON representation
My first async project. I created this project by fetching data from the API using the fetch method.
- Host: GitHub
- URL: https://github.com/furkan-dogu/random-cat-images
- Owner: furkan-dogu
- Created: 2023-11-16T14:47:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-06T18:54:17.000Z (about 1 year ago)
- Last Synced: 2024-11-20T06:58:19.498Z (3 months ago)
- Topics: bootstrap, css, fetch-api, html, javascript
- Language: JavaScript
- Homepage: https://random-cat-images-lemon.vercel.app
- Size: 4.18 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Cat Images
![]()
## About the Project
A web application that fetches and displays random cat images using [The Cat API](https://thecatapi.com/). Users can click a button to get new images and the page displays the date and time when the images were retrieved.## Table of Contents
- [Description](#description)
- [Features](#features)
- [Usage](#usage)
- [Screenshots](#screenshots)## Description
This web application uses the Cat API to fetch random cat images. It provides a simple and fun way for users to view a variety of cat pictures. The page also displays the date and time when the images were retrieved.
## Features
- Fetches random cat images from [The Cat API](https://thecatapi.com/).
- Displays the date and time of the image retrieval.
- Allows users to get new cat images by clicking a button.## Usage
1. Open the web page in a browser.
2. The loading screen will be displayed while fetching the initial set of cat images.
3. Once the images are loaded, the page will display the date and time.
4. Click the "Get New Images" button to fetch and display a new set of random cat images.
5. Hover over the images to see a subtle effect.
6. If there is an error in fetching the images, an error GIF will be displayed.## Screenshots
![]()
![]()
![]()
## Compatibility
The project is compatible with both wide-screen computers and mobile devices.