Front-End Engineer Hiring Assignment

This is the hiring assignment for the Front-End Engineer role at Algolia. It’s intended to mimic work you might do here, while giving us an understanding of your skills in:

• Front-end development
• User Experience

If you want to know how we will judge the assignment, you can view our scoring card.

Tech and UX Project Instructions

As a front-end dev, you’re asked to build a small prototype that — using the dataset and UI provided — highlights the benefits of a great search experience.

• Push the provided dataset to an Algolia index
• Produce the HTML markup and CSS needed to reproduce the UI provided. To do so, you can write vanilla CSS or use a pre-processor of your choice.
• Using the Algolia JS Helper and without using instantsearch.js, implement an as-you-type search experience that enables users to easily find restaurants: both by passing a search query and/or filtering on the “type of cuisine”
• Leverage the user’s location to show restaurants closer to them higher in the results—with a fallback if they dont’t allow for geolocation permissions in the browser

*Screenshot of a target UI*

Important Notes

• Don't fork the repository, simply create a new one.
• Graphical resources, including the Sketch mock-up, are provided in the mockups/ folder.
• The mock-up is meant to serve as guidance.
  If you have a UI/UX that you believe improves upon the mock-up, feel free to implement it, and be ready to explain your choice to do so.
• The dataset used for this search is available in the dataset/ folder. It contains 5000 restaurants: restaurants.json. Note: the API it is based upon is not up-to-date anymore. You can use any placeholder you'd like (you can use a service for this, e.g. this one or this one).
• Feel free to use any front-end tooling with which you’re most comfortable.
• The blue highlight in the sidebar is an active/hover state.
• For payment options, we should only have: AMEX/American Express, Visa, Discover, and MasterCard.
  For our purpose, Diners Club and Carte Blanche are Discover cards.
• When you sign up for an Algolia account, please put Interview Candidate in the company field.
  This helps our sales team know someone's already speaking with you.

Deliverable

Once you're happy with what you've done

• Publish it using GitHub's gh-pages feature so we can interact with it
• Send us a link to your finished project via email

Happy coding!

Note: The provided dataset has been created using the https://github.com/sosedoff/opentable project. Note: Assignment heavily inspired by the Solutions Engineer assignment.