Hi there!

We would like to give you the opportunity to show us your technical skills. Below you'll find a general outline of the test and the resources needed.

Feel free to create the small project as you wish, as long as React is used as the main frontend library.

Preferably, please provide your result as a link to a private GitHub repository where you can add @lodgifyrecruitment as collaborators. If for some reasons, this is not possible, you can still send us an archive with the codebase of your project. Once you complete the test please send an email with the url of the repository or the archive to the recruiter that contacted you.

Below are the three main rules you must follow, everything else is completely up to you!

  1. Let it run. We like code that works and shows us amazing clickable ui.
  2. Tell us about it. Please provide a README.md file that explains how to use your amazing code.
  3. Keep it Simple. This is just a test. Don't provide us a full platform with thousands of features. You will have time to do that with us when you join the team!

You're probably still asking yourself, "But what exactly do I have to do?". Here's your answer:

<aside> 📖 Create a widget that shows the current progress of the profile creation of the user. The user should be able to see the missing tasks of a specific area and be able to mark them as done.

</aside>

In order to do that, we provide the resources and the specifications below:

Resources

To complete the assessment, here is the mockup:

https://www.figma.com/file/0HPjyMf6r4ljGKGe4RgqZ3/Accordion-Challenge?type=design&node-id=80-312&mode=design&t=BcB4CjJ60KTM3CSE-0

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2F0HPjyMf6r4ljGKGe4RgqZ3%2FAccordion-Challenge%3Fnode-id%3D0%253A1

This is the expected behaviour with an interactive prototype:

Accordion Challenge

And we also provide the following API:

https://gist.githubusercontent.com/huvber/ba0d534f68e34f1be86d7fe7eff92c96/raw/98a91477905ea518222a6d88dd8b475328a632d3/mock-progress