It's intended to mimic work you might do here, while giving us an understanding of your skills in:
- Coding
- User Experience
As a front-end software engineer, you're asked to build a small prototype that — using the provided dataset — highlights the benefits of a great search experience and basic edition capabilities.
- Push the provided dataset to an Algolia index
- Using React InstantSearch (or another flavor of the InstantSearch library), 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”
- Allow users to delete restaurants from the Algolia index directly from the frontend application
- [bonus] Allow users to add restaurants into the Algolia index directly from the frontend application
- [bonus] Add the search state to the URL
- The dataset is available here.
- Feel free to use any tooling with which you’re most comfortable with, for example: create-react-app, https://codesandbox.io/ or https://glitch.com/ are definitely ok!
Once you're happy with what you've done
- Publish it using vercel, netlify, or any other service of your choice so we can interact with it
- Send us a link to your finished project's repo via email
- Follow at least the instructions above, but feel free to go beyond if you have ideas — wow us!
Happy coding!
-
Clone the repository
-
Add your Algolia credentials to the
.env.localfile
NEXT_PUBLIC_ALGOLIA_SEARCH_APP_ID=""
NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY=""- Install the dependencies
npm install- Run the development server
npm run dev