https://github.com/divanny/imagesearcher
The Image Searcher project is a web application built using the React framework. The primary goal of the application is to provide a user-friendly interface for users to search and browse through a vast collection of images. The application uses an API to fetch images and displays them in a visually appealing manner.
https://github.com/divanny/imagesearcher
api html-css-javascript imagesearch react reactjs
Last synced: 12 days ago
JSON representation
The Image Searcher project is a web application built using the React framework. The primary goal of the application is to provide a user-friendly interface for users to search and browse through a vast collection of images. The application uses an API to fetch images and displays them in a visually appealing manner.
- Host: GitHub
- URL: https://github.com/divanny/imagesearcher
- Owner: Divanny
- License: mit
- Created: 2023-04-29T18:24:29.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-05T19:54:29.000Z (about 3 years ago)
- Last Synced: 2025-08-17T07:14:18.311Z (10 months ago)
- Topics: api, html-css-javascript, imagesearch, react, reactjs
- Language: JavaScript
- Homepage: https://image-searcher-divanny.netlify.app
- Size: 4.19 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Image Searcher
Image Searcher is a React-based web application that allows users to search for and view images from Unsplash's API. The application features a hand-drawn user interface design and includes two views: a main view with a title, description, and search bar, and a results view where searched images are displayed.
The live website can be accessed at: https://image-searcher-divanny.netlify.app.
## Usage
To use the application, follow these steps:
1. Go to the application's main page at https://image-searcher-divanny.netlify.app/.
2. Enter keywords for the images you want to search for in the search bar and hit Enter.
3. The results view will display images matching your search query. You can adjust the number of images displayed using the quantity select.
## Installation and Setup
To install and set up Image Searcher on your local machine, follow these steps:
1. Clone the Image Searcher repository to your local machine:
```
git clone https://github.com/Divanny/ImageSearcher.git
```
2. Navigate to the project directory:
```
cd image-searcher
```
3. Install the project dependencies:
```
npm install
```
4. Start the application in development mode:
```
npm start
```
5. Open the application in your web browser at the following URL: `http://localhost:3000`.
## Contributing
If you'd like to contribute to Image Searcher, please open an issue to discuss your ideas or submit a pull request with your changes.
## License
This project is licensed under the MIT License. Please refer to the `LICENSE` file for more information.