Feb 10, 2024

Image search

fetch-a-thon css js html web3

Image Search Engine

This is a simple image search engine that uses the Unsplash API to fetch and display images based on user search queries.

Features

  • Search for images: Enter a search query in the search bar to retrieve relevant images.
  • Display search results: Images matching the search query are displayed in a grid format.
  • Responsive design: The interface is optimized for different screen sizes.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/image-search-engine.git
    
     
  2. Obtain an API key from Unsplash:

    • Visit the Unsplash Developer page and create a new application.
    • Copy the provided API key.
  3. Update the API key:

    • Open the script.js file and replace 'YOUR_API_KEY' with your actual Unsplash API key.
  4. Open index.html in a web browser.

Usage

  1. Enter a search query in the search bar.
  2. Press Enter or click the search button.
  3. Images related to the search query will be displayed in the grid.
  4. Click on an image to view it in a larger size.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please create a pull request.

18

Give a star to encourage!Discussion
Start a new conversation!
Login to join the discussion

More Builds by MAYANK PANCHAL

personalize assistant python ugent ecommerce