https://github.com/likhithsp/imagesearch

A sleek and responsive image search engine powered by the Unsplash API. Type in any keyword to explore and enjoy high-quality images 🌄
https://github.com/likhithsp/imagesearch

css html image-search-engine javascript unsplash-api

Last synced: about 2 months ago
JSON representation

A sleek and responsive image search engine powered by the Unsplash API. Type in any keyword to explore and enjoy high-quality images 🌄

• Host: GitHub
• URL: https://github.com/likhithsp/imagesearch
• Owner: LikhithSP
• License: mit
• Created: 2024-10-28T18:34:42.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-10-28T18:46:26.000Z (7 months ago)
• Last Synced: 2025-02-02T18:33:02.746Z (4 months ago)
• Topics: css, html, image-search-engine, javascript, unsplash-api
• Language: CSS
• Homepage: https://likhithsp.github.io/imagesearch/
• Size: 31.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌄 Image Search Engine 

![Screenshot](https://i.ibb.co/cbZp1yv/download-9.png) 

An intuitive and aesthetic Image Search Engine that allows you to search for high-quality images using the Unsplash API.


## 🌟 Features

- **Easy Image Search**: Just type your query and instantly get relevant images.

- **Responsive Design**: Works seamlessly on desktop and mobile.

- **Smooth Load More Option**: Fetch additional images with a single click.

- **Direct Links to Unsplash**: Explore high-quality images directly on Unsplash.

## 🛠️ Tech Stack

- **HTML5 & CSS3**: For a clean and aesthetic front-end structure.

- **JavaScript (ES6+)**: For handling dynamic content loading and API interactions.

- **Unsplash API**: Powers the image search and provides beautiful images.

## 🚀 Getting Started

1. **Clone the Repository**:

    ```bash

    git clone https://github.com/yourusername/image-search-engine.git

    cd image-search-engine

    ```

2. **API Key**: Update your Unsplash API key in `script.js`.

    ```javascript

    const accessKey = "YOUR_UNSPLASH_API_KEY";

    ```

3. **Open `index.html`**: Run the project by opening `index.html` in your browser.

## 🖌️ Customization Guide

- **Background Image**: Update the `background-image` in `style.css` to personalize the background.

- **Color Scheme**: Modify color values in `style.css` to change the look and feel.

## 🎉 Contributing

Feel free to contribute to this project! Whether it's reporting a bug or adding new features, contributions are welcome.

1. Fork the project.

2. Create your feature branch: `git checkout -b feature/AmazingFeature`.

3. Commit your changes: `git commit -m 'Add some AmazingFeature'`.

4. Push to the branch: `git push origin feature/AmazingFeature`.

5. Open a Pull Request.

## 🙋‍♂️ Acknowledgements

- Thanks to [Unsplash](https://unsplash.com/) for providing an API with beautiful images.

🤝 Connect With Me