https://github.com/fatihycan/random-cat-images
https://github.com/fatihycan/random-cat-images
api-integration bootstrap css3 dom-manipulation error-management fetch-api html5 javascript timers
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatihycan/random-cat-images
- Owner: FatihYcan
- Created: 2024-08-10T13:22:36.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-11T14:57:23.000Z (almost 2 years ago)
- Last Synced: 2025-08-11T17:51:41.582Z (11 months ago)
- Topics: api-integration, bootstrap, css3, dom-manipulation, error-management, fetch-api, html5, javascript, timers
- Language: JavaScript
- Homepage: https://fatihycan.github.io/Random-Cat-Images/
- Size: 525 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Random Cat Images
This project is a web application that provides random cat images to the user. A stylish user interface was created using Bootstrap and data was pulled from the Cat API. The user can click a button to get new images.
## Features
- **Loading Screen:** A loading animation is shown when the page is first opened.
- **Random Cat Images:** 10 random cat images pulled from the API are shown.
- **Current Date and Time:** The current date and time are constantly updated on the page.
- **Error Management:** If an error occurs in the API request, the error message is displayed to the user.
## Technologies
- HTML5
- CSS3
- JavaScript
- Bootstrap
- [The Cat API](https://thecatapi.com/)
# Random Cat Images
Bu proje, kullanıcıya rastgele kedi görselleri sunan bir web uygulamasıdır. Bootstrap kullanılarak şık bir kullanıcı arayüzü oluşturulmuş ve Cat API'den veri çekilmiştir. Kullanıcı yeni görseller almak için bir butona tıklayabilir.
## Özellikler
- **Yükleme Ekranı:** Sayfa ilk açıldığında bir yükleme animasyonu gösterilir.
- **Rastgele Kedi Görselleri:** API'den çekilen 10 adet rastgele kedi görseli gösterilir.
- **Güncel Tarih ve Saat:** Sayfa üzerinde güncel tarih ve saat sürekli olarak güncellenir.
- **Hata Yönetimi:** API isteğinde bir hata oluşursa, kullanıcıya hata mesajı gösterilir.
## Teknolojiler
- HTML5
- CSS3
- JavaScript
- Bootstrap
- [The Cat API](https://thecatapi.com/)
https://github.com/user-attachments/assets/fa924ecd-8c64-4a29-830f-f104dd91e0fc
[Canlı Demo'yu Deneyin](https://fatihycan.github.io/Random-Cat-Images/)