The ImageGallery app is a web application that allows users to search and display images based on their requests. It leverages the Pixabay API to fetch the images and provide an intuitive user interface for searching and viewing them.
- Search for images based on user input
- Display search results in a grid layout
- View larger versions of the images in a modal overlay
- Smooth loading transition with a spinner animation
- Display toast notifications for user feedback
The following technologies and libraries were used in the development of the ImageGallery app:
- Pixabay API: The Pixabay API is used to retrieve image data based on user search queries.
- Axios: The Axios library was used to handle HTTP requests and process the API responses.
- Formik: The Formik library was used to design and manage the forms within the application, allowing users to input their search queries.
- Styled Components (Emotion): Styling of the ImageGallery app was done using the Styled Components of the Emotion library, providing a flexible and powerful way to manage component styles.
- react-loader-spinner: The react-loader-spinner library was integrated into the app to display a spinner animation during image loading, providing a smooth transition for a better user experience.
- react-toastify: The react-toastify library was used to show toast notifications to users, offering feedback and alerts in a non-intrusive manner.
The Phonebook App is open source software licensed under the MIT License.