Hi, here you'll find all the details of the code challenge. Please fork this repo and complete the code challenge. Deploy it anywhere and send your demo link to the Sage hiring team. Your demo should be linked to your fork which will be reviewed by Sage's Frontend Team.
Our requirements of technology to use for the challenge is very specific. If you do not have experience with specific technologies, you are expected to learn them
The challenge will be evaluated on the basis of
- Design: Pixel perfect design implementation
- Creativity: Creative touches from you for better user experience
- Clarify: Readable and maintainable code without ambiguities
- Defensive: Handling exceptions and edge cases
Please find the design here
- Above design has to be implemented in React (with Hooks) and Typescript
- Styled with Emotion
- Form has to be implemented in React Hook Form
- Dropdown has to be implemented with Downshift
- Commit messages should be granular and contextual
Some aspects that are not required but encouraged
- Component Documentation with Storybook
- Testing implementation details
- Responsive Design implementation
- Implementing everything with no dependency on any UI libs like Bootstrap, Material UI or Ant Design or such.
- Fairly commented code
We expect the code to be written with focus on readability and maintainability.