Problem Description:
Creating an efficient and user-friendly image search page is essential for platforms that provide a vast collection of visual content. Taking inspiration from www.alamy.com, the challenge is to build an image search page that offers advanced features such as filtering, pagination, and backend search API service. The goal is to develop a working mobile application or web app that allows users to search for images based on their specific criteria and retrieve relevant results.
Details:
Details.pdf
Problem Statement:
Design and implement an image search page with the following features and components, similar to the functionality offered by www.alamy.com:
- Header: Provide a prominent header section for branding and navigation.
- Footer: Include a footer section with relevant links and information.
- Search Bar: Implement a search bar where users can enter their search queries.
- Search Results Tiles: Display the search results in an organized tile format, showcasing thumbnail images and accompanying details.
- Pagination: Enable users to navigate through multiple pages of search results.
- Filters: Incorporate at least two filter options to refine the search results based on specific criteria such as license type, property release, model release, orientation, etc.
- Backend Search API Service: Develop a microservice that serves as the backend for the image search functionality. Utilize the provided API endpoint (**https://api.alamy.com/images/api/v2/search**) to perform the search queries based on user input and retrieve the relevant results.
- UI as Reusable Components: Design the user interface (UI) components in a modular and reusable manner to enhance maintainability and flexibility.
Expected Solution:
Develop a functional mobile application or web app that incorporates the following components and functionalities:
- Header and Footer: Design and implement a visually appealing and intuitive header and footer section for seamless navigation.
- Search Bar: Create a search bar component where users can input their search queries.
- Search Results Tiles: Display the search results in a tile format, showcasing thumbnail images and accompanying details such as image title, author, license type, etc.