https://github.com/ayushivashisth/image-search-api
Image Finder is a responsive web application built with React.js and styled using Material-UI (MUI). It allows users to search for images using the Unsplash API. The application includes pagination for navigating through search results and handles errors gracefully.
https://github.com/ayushivashisth/image-search-api
debounce material-ui npm react react-skeleton react-tostify vercel
Last synced: 2 months ago
JSON representation
Image Finder is a responsive web application built with React.js and styled using Material-UI (MUI). It allows users to search for images using the Unsplash API. The application includes pagination for navigating through search results and handles errors gracefully.
- Host: GitHub
- URL: https://github.com/ayushivashisth/image-search-api
- Owner: AyushiVashisth
- Created: 2024-06-25T08:48:39.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-26T12:24:03.000Z (almost 2 years ago)
- Last Synced: 2025-02-13T16:44:43.615Z (over 1 year ago)
- Topics: debounce, material-ui, npm, react, react-skeleton, react-tostify, vercel
- Language: JavaScript
- Homepage: https://image-search-api-delta.vercel.app/
- Size: 229 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🖼️ Image Search App 🖼️
🔍 Project Name: Image Finder 🔍
Image Finder is a responsive web application built with React.js and styled using Material-UI (MUI). It allows users to search for images using the Unsplash API. The application includes pagination for navigating through search results and handles errors gracefully. It features reusable components and follows production-level coding practices.
### Frontend Deployed URL 👉 [Link to deployed app](https://image-search-api-delta.vercel.app/)
Languages and Tools Used
Frontend
Tools
Deployed On:
# Features
- **Home Screen**: Displays a search bar and initial set of images.
- **Search Functionality**: Fetches images from Unsplash API based on user input.
- **Pagination**: Uses Material-UI Pagination component for easy navigation through search results.
- **Responsive Design**: Supports mobile, tablet, and desktop views with standard breakpoints.
# Installation
1. Clone the repository:
```sh
git clone https://github.com/yourusername/image-finder.git
```
2. Install dependencies:
```sh
npm install
```
3. Run the app:
```sh
npm start
```
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
# Error Handling
The application handles errors gracefully, displaying appropriate messages to users in case of failed API requests or other errors.
# Deployment
The application is deployed on Netlify for easy access and sharing.
# Contributing
Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or fork the repository and submit a pull request.
## Show your support
Give a ⭐️ if you found this project interesting and helpful!
✨ Thank You! ✨