/images-search

https://bad-raider.github.io/images-search/

Primary LanguageJavaScript

Image Search

Technologies Used

  • JavaScript (JS)
  • HTML
  • Handlebars (Template Engine)
  • CSS
  • Axios and Fetch for API Requests
  • Notiflix Library for Custom Event Notifications
  • SimpleLightbox Library for Image Viewing

Description

This web application has been developed to provide users with the ability to search for images based on their queries. It leverages a variety of technologies and libraries to create a seamless user experience.

Key Features

  • Search Functionality: Users can enter their image search query in the provided search bar.
  • API Integration: Axios and Fetch are used to make requests to external image search APIs, allowing users to access a wide range of images.
  • Custom Notifications: The application employs the Notiflix library to display custom notifications, keeping users informed about events and actions taking place on the site.
  • Image Viewer: SimpleLightbox is used to enable users to view images easily from different devices, enhancing the user experience.
  • Responsive Design: The application is designed to be responsive, ensuring that it functions and looks good on various devices, including desktops, tablets, and mobile phones.

HTML Code Minimization: To optimize performance and maintainability, Handlebars is used as a template engine to minimize the HTML code.

How to Use

  • Open the web application in your web browser.
  • Enter your image search query in the search bar and press Enter.
  • Browse through the search results and click on any image to view it in the image viewer.
  • Interact with the custom notifications to stay updated on the status of your actions on the site.