Challenge Overview
Welcome to Living Progress - Build - POL - Implement Search Functionality / Integrate with Algolia API. As part of this contest, you will implement a search feature using Algolia.
Contest Details
Currently, the app consists of the following pages:
1. Login Page
2. Registration Page
3. Profile Page
Some of these pages contain mock data. Others actually call our client’s API. All pages have a search bar that can be found just below the top navigation bar - one that contains the page breadcrumbs and the magnifying glass icon. Clicking on the icon expands the search bar to reveal additional UI elements.
You need to only implement keyword based search. The other search filters seen in the UI can exist but they will not contribute to the search. You need to implement Algolia API directly in the browser since the app does not have any backend. The details of the API will be shared with your in the contest forums.
The page that you need to implement which will show the search results is named admin-user-search-result.html. Implement the Instant Search feature of Algolia API and only implement keyword based search. No filters or menus or any other widgets are needed. As part of your search, you need to pass the IP Address of the user to the search to receive location centric search results. In other words, you need to carry out a geocode based keyword search.
Points To Note
- You need to follow the existing conventions used in the app
- Make sure that you use Vue.js to build the app
- Use Vue.js’s Single File Components approach when building the app
- There should be no lint errors. Please do not change the lint configuration or build setup. Your focus should only be on building the search feature.
- You are required to use ES2015 (ES6) along with Babel and Webpack for the front end. Please make sure that you organize the front end code efficiently and make it easy to maintain the code base.