First things first: thank you for taking the time to take this test. We know how much your time is worth, and we greatly appreciate your effort.
To work on this project:
- Fork this repository
- When you're done, submit a pull request with your solution
- Send an email to [email protected] to notify the delivery of your project
You can either clone the repository and work on a local copy: in that case please contact us at [email protected] when you're done with the assignment, and we'll arrange the best way to assess your work.
Online one-click setup for coding (Optional)
You can use Gitpod (A free online VS Code-like IDE) for coding online.
If you want to use Gitpod:
- fork the repository
- click on this button.
You will have to create a component defined in the following Figma files:
Design https://www.figma.com/file/VrkWJvZ5Cm0gjPSSnw4y7U/Test-Frontend?node-id=16%3A2
Product specs
- The component must be responsive, according to the specs defined in the "Design" file. You are free to choose which resolution to set the breakpoint at.
- The animation is the same both in mobile and desktop
- The component must be reusable with different maps and points of interest
- Define the stories show different variants or edge cases
Code specs
- The project is configured to use React with Typescript and Storybook.js: add the new component and the related stories in
src/storiesdirectory - Please maintain a consistent code style throughout the entire project
- The repository is configured to use styles with simple css imports, feel free to go that way or add any css-in-js library of your choice
- To implement the animations you can choose simple css or any library of your choice
- Embed the google font wherever you prefer, inside a global css or the component itself
Take the time you need to deliver a result that satisfies you, but please do not go over the 2 weeks.
We value a lot of things when assessing a project. No particular hints on this, but this one: mind the details. ;-)
Happy coding!