https://github.com/bigyanse/pixelhunt
Find your imagination
https://github.com/bigyanse/pixelhunt
hero-icons javascript react react-query react-router tailwindcss typescript
Last synced: 3 months ago
JSON representation
Find your imagination
- Host: GitHub
- URL: https://github.com/bigyanse/pixelhunt
- Owner: bigyanse
- Created: 2023-08-03T15:41:54.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-06T13:18:21.000Z (almost 3 years ago)
- Last Synced: 2025-01-05T20:14:13.278Z (over 1 year ago)
- Topics: hero-icons, javascript, react, react-query, react-router, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://pixelhunt.netlify.app
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# pixelhunt
A React application that allows users to search for images using the [Unsplash API](https://unsplash.com/documentation). The app has a user-friendly interface where users can enter their search term in a text field and instantly view the search results.
## Key Features
- **Input Field:** A search bar where users can type in their search term.
- **Search Functionality:** Used the Unsplash API to fetch images related to the user's search term in real-time.
- **Debounce In Search:** Debounce in search input.
- **Image Display:** Images showcase in a visually appealing grid or carousel layout.
- **Infinite Scroll:** Infinite scroll to load more images as the user reaches the end of the current results.
- **Responsive Design:** Ensure the application looks great and functions flawlessly on various devices and screen sizes.
- **Cached Responses:** The responses are cached so that the consecutive fetch requests are faster and saves bandwidth.
## Technologies Used
- React.js
- TailwindCSS
- React Router
- React Query
- Hero Icons