Skip to content

FrankAlexisDev/ui-search

Repository files navigation

Software Engineer Hiring Assignment

It's intended to mimic work you might do here, while giving us an understanding of your skills in:

  • Coding
  • User Experience

Tech and UX Project Instructions

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

Important Notes

Deliverable

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!

How to run the code locally

  • Clone the repository

  • Add your Algolia credentials to the .env.local file

NEXT_PUBLIC_ALGOLIA_SEARCH_APP_ID=""
NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY=""
  • Install the dependencies
npm install
  • Run the development server
npm run dev