https://github.com/josestg/giphy-app
A Simple GIPHY App
https://github.com/josestg/giphy-app
Last synced: about 1 month ago
JSON representation
A Simple GIPHY App
- Host: GitHub
- URL: https://github.com/josestg/giphy-app
- Owner: josestg
- Created: 2021-08-20T22:45:13.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-20T23:46:00.000Z (over 3 years ago)
- Last Synced: 2025-01-31T06:47:30.636Z (3 months ago)
- Language: JavaScript
- Homepage: https://compassionate-shockley-198152.netlify.app/
- Size: 457 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# A Simple GIPHY App
[](https://app.netlify.com/sites/compassionate-shockley-198152/deploys)
## Pages
- [x] Landing
- [x] Iron Man Page
- [x] Search Page
- [x] Not Found Page
## Components
- [x] Gif Item
- [x] Gif List
- [x] Search Input
- [x] Layout
## Hooks
- [x] Use Giphy Search API: Reusable hooks yang berfungsi untuk melakukan `fetch` dan `debouncing` ke endpoint search.
# Features
- [x] Halaman Iron Man menampilkan Gif Iron Man yang diambil dari GIPHY API.
- [x] Halaman Iron Man Page menampilkan maksimal 9 Gif dalam satu halaman.
- [x] Tersedia tombol `Prev` dan `Next` di Halaman Iron Man yang berguna untuk mengambil 9 Gif berikut atau sebelumnya.
- [x] Halaman Search dapat menampilkan Gif secara dinamis bedasarkan `keyword` yang diberikan.
- [x] Halaman Search juga menampikan maksimal 9 Gif dalam satu halaman.
- [x] Proses `Search` menggunakan teknik `Debouncing` dan `React.useMemo` untuk meningkatkan performa.
- [x] Setiap Gif yang di-render dapat di `copy` dengan cara diklik.
- [x] Tersedia halaman not found apabila tidak ada `path` yang ditemukan.
## Tech Stack
- [Create React App](https://reactjs.org/)
- [React Router DOM](https://reactrouter.com/)
- [Chakra UI](https://reactjs.org/)
- [Netlify](https://www.netlify.com/)