You are asked to complete the following coding problem, it is fairly open ended in how you can implement your solution but if you find it’s taking you more than 90 minutes, you might be overcomplicating things.
- Fork this repo into your own github account. Clone a copy (from your fork) locally.
- Install dependencies with
yarn install(If yarn is not installed globally and this command fails, executenpm -i -g yarnand then repeat step 2).- You can run the project with
yarn start, the project is configured for hot reload, such that changes to the source files should be instantly reflected in the rendered HTML. Note that the webpack config is set to target Google Chrome, so use that browser if there are issues. To keep the hot reloading working correctly, you should not editsrc/index.jsbut rather you should simply reimplementsrc/app.jsand add any other files you feel you need.- There is a CSV file called people.csv which has several columns, among them "first" and "last" to indicate the first and last name of a person.
- Add a button on the page to load a CSV (I highly recommend your page use npm package
papaparseto parse the file, don't code specifically to that exact file as I will use a different file during my evaluation, just code to the structure of that CSV).- Using a 3rd party autocomplete control of your choosing, add to the page an autocomplete to select a user (by first and last name).
- Once someone selects a person through this control, in some label or span, display the
JSON.stringifyof all properties of the selected person (meaning including email, phone, title, etc…).
You are absolutely not required to spend a lot of time on CSS (though the webpack config is set to support both CSS and SASS (SCSS)), we’re simply looking for the complete end to end flow.
Once you feel that you’ve completed the assignment, PR the fork back to me.