NgKooomo
This project was generated with Angular CLI version 7.0.5.
Development server
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Code scaffolding
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Kooomo Frontend Test
The goal of this exercise is to test your knowledge of javascript, html5 and css, not the level you have using a specific framework. You can use the tools/frameworks that you prefer.
MockUp
NOTE: A PSD version is included in the mockup folder.
We only provide a desktop mockup.Please adapt the design to make it work on phones/tablets. We suggest you to use Bootstrap as frontend framework.
Tasks
Good Endpoint: 'http://interviews-env-1.b8amvayt6w.eu-west-1.elasticbeanstalk.com/products'
Search Endpoint: 'http://interviews-env-1.b8amvayt6w.eu-west-1.elasticbeanstalk.com/products?search=searchTerm'
Example: 'http://interviews-env-1.b8amvayt6w.eu-west-1.elasticbeanstalk.com/products?search=surf'
- Consume the good endpoint through AJAX and render the result on-screen following the mockup provided.
- Add search functionality to the UI that uses the search endpoint. The Search results should be displayed substituting the normal products.
- Display an error msg if there is an issue with the requests.
Extras
- If a search term is called a second time then fetch it from a local JS cache rather than hitting the network.
- Any other features that you think would be nice to have. ;)