A Challenge

Hello and thanks for trying out with us!

You will find here a few tests. These are composed of some basic yet bit challenging problems we've had to solve on the job. This will also allow you to have a glimpse of what we work on at 99.co and see if that's interesting to you. Finally, this'll provide us with insights on your working style.

Submission

You have 7 days to complete the challenge.

Please fork this (from within CodeSandbox link here) and once you complete, send us back the forked CodeSandbox link to [email protected], [email protected] and [email protected]

Questions

React

1. Hide description until the button is clicked

2. Because of SEO we want to only hide description after page load

3. Anonymize all phone numbers: first 4 numbers visible, replace following 4 with X (e.g. 8111 XXXX or 8123 XXXX) Note Singapore phone number format is always 8 numbers long. See Number Ranges on wikipedia for precise rules.

4. Line returns (new lines) in the description text should be displayed on page. The text must NOT be all in one line.

5. Clicking on phone number reveals the real number

Styling

1. Implement the following design. Note: you will have to register on Figma if you don't already have an account

2. Main pic is too heavy, please suggest ways to reduce its weight.