This is a simple web-based image search engine that allows you to search for images using keywords. It fetches images from Unsplash using their API. You can search for any topic you like and view the search results.
- Enter your search query in the input box.
- Click the "Search" button.
- View the search results displayed in a grid layout.
- Click on an image to view it on Unsplash.
- Simple and clean user interface.
- Fetches images from Unsplash's extensive collection.
- Responsive design that works on desktop and mobile devices.
- Option to load more images by clicking the "Show more" button.
- Direct links to the original images on Unsplash.
- HTML
- CSS (styled with the Poppins font)
- JavaScript
- Clone this repository to your local machine.
- Open the
index.html
file in your web browser to run the image search engine.
- Poppins font from Google Fonts.
- Images are fetched from Unsplash using their API.
The main files in this project are:
index.html
: The HTML structure of the image search engine.style.css
: The CSS styles for the user interface.script.js
: The JavaScript code for handling user input and fetching images from Unsplash.
To use this image search engine, you need an Unsplash API access key. The access key is currently set in the script.js
file as follows:
javascript
const accessKey = "YOUR_UNSPLASH_API_ACCESS_KEY";
Replace "YOUR_UNSPLASH_API_ACCESS_KEY" with your own Unsplash API access key for the application to work correctly.
This project uses images obtained from Unsplash. Poppins font from Google Fonts is used for styling. Feel free to explore and customize this image search engine for your own needs. Enjoy searching for beautiful images!
csharp
Now you can copy and paste this markdown into your README.md file.