Skip to content

KiptooMannu/Image-Search-App-With-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Image Search App

A simple web application to search and display images using the Unsplash API.

Table of Contents

Introduction

The Image Search App allows users to search for images by keyword using the Unsplash API. Users can view the results in a responsive grid layout and load more images as needed.

Features

  • Search for images by keyword
  • Display search results in a responsive grid
  • Load more images with a "Show More" button
  • Hover effects on buttons and images for better user experience

Screenshots

Image Search App Screenshot

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Unsplash API

Installation

Prerequisites

  • Web browser (Google Chrome, Firefox, etc.)
  • Internet connection

Steps

  1. Clone the repository:

    git clone https://github.com/your-username/image-search-app.git
  2. Navigate to the project directory:

    cd image-search-app
  3. Open the index.html file in your web browser:

    open index.html

Usage

  1. Open the application in your web browser.
  2. Enter a keyword in the search input field.
  3. Click the "Search" button to display the images.
  4. Scroll through the images.
  5. Click "Show More" to load more images related to the keyword.

Project Structure

image-search-app/
├── index.html
├── script.css
├── script.js
└── README.md
  • index.html: The main HTML file that contains the structure of the application.
  • script.css: The CSS file for styling the application.
  • script.js: The JavaScript file for handling the functionality and API requests.
  • README.md: This file, which provides information about the project.

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature-branch).
  6. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements


Feel free to customize this template based on your specific project details. Add links to any relevant resources, such as the project repository, demo links, and screenshots. This README will help users and contributors understand and use your project effectively.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published