Our main goal for this exercise is to get an idea of how you are to work with and how you approach your engineering work. That insight is more important than your actual working solution at the end of this exercise.
Please record your screen and talk us through the coding exercise as you work through it. Don't hesitate to think out loud—that's the interesting part!
We expect this to take around an hour.
You'll be building a tiny app to look up airport information. In its current state, we render a list of all airports (around 6000), but we don't want to load them all at once.
Please build a typeahead search feature so the user can look up airports by searching for airports by name, IATA, city, or country.
The designer gave you this mock-up as a reference:
- Tilla uses Next.JS/React and TypeScript. It'd be cool if you use that same tech stack for this exercise.
- The database is currently a JSON file with airport data. We don't expect you to move this into a database layer.
- The IATA code is a unique identifier for an airport.
- While we care more about your thought process than your outcome, we're still interested in how you write code. Don't cut corners there, and write the code as if you'd write a real-world, production-quality product.
We'd love to hear your thoughts on some of these questions. Please don't spend more than a minute or two on each question.
- What are some edge cases you would take care of before shipping this to production?
- How would you scale this to handle high amounts of traffic?
- What's important for you to work well in a fully remote team?
- Invite @pieterbeulque to a GitHub repo with your completed project
- A video of your screen recording (unlisted YouTube video, Loom, … anything works)
- Answers to the questions above can be either in the video or written down in the README of your repo
The app is designed to work out of the box.
yarn install
yarn devThe app should be available via http://localhost:3000.
Good luck and talk soon!