Technologies Used
JavaScript(JS)HTMLHandlebars(Template Engine)CSSAxiosand Fetch for API RequestsNotiflixLibrary for Custom Event NotificationsSimpleLightboxLibrary for Image Viewing
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.
- 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.
- 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.