Nimble Technical Exercise (React)
Thank you for your interest in Nimble! For this task, please implement a combination of React components to create a page with a list of candidates using the data found in src/data/candidates.json.
Please host your code on Github (or something similar) and share the repo link via email to wgray@hirenimble.com and lauren@hirenimble.com. Good luck!
About The Project
Specification
- When the user clicks a row in the list of candidates, it should expand a list of that candidate's applications. If the user clicks a row that is already expanded, it should close the list of that candidate's applications.
- When the user clicks an application line item, bring up a modal/overlay that shows the candidate information and information specific to that application/role. Modal code has been provided in src/ui-kit/Modal.jsx, but feel free to use your own if you'd like.
Screenshots
Notes
- Icons have been provided in ui-kit/icons.
- Enum mappings and some colors are provided in src/utils/enums.js.
- The styled-components library is included in the package.json file. Feel free to use that for styling if you'd like.
- For the Last Action column, moment.js is included if you want to use it, but feel free to display the date any way you prefer.
- When you're done, please write a quick post-mortem -- any tradeoffs you made and why, things we should look for, etc.
Getting Started
To get a local copy up and running follow these steps.
Installation
- Clone the repo
git clone https://github.com/NimbleHiring/coding-challenge.git
- In the root directory of the repo, install NPM packages
npm install
- In the project directory, you can run:
yarn start
- Open http://localhost:3000 to view it in the browser.
Contact
William Gray - wgray@hirenimble.com
Lauren Dachille - lauren@hirenimble.com
Sean Caetano Martin - sean@hirenimble.com