Skip to content

Instantly share code, notes, and snippets.

@emrancu
Last active January 22, 2024 05:27
Show Gist options
  • Save emrancu/48c0cc0a5a3ebefb3eca3b64339e6572 to your computer and use it in GitHub Desktop.
Save emrancu/48c0cc0a5a3ebefb3eca3b64339e6572 to your computer and use it in GitHub Desktop.
Task for Doplac Front-end Developer
@emrancu
Copy link
Author

emrancu commented Jan 21, 2024

Dynamically print following design with following Object using JS & CSS

image

Here is the Object:

[
  {
    "title": "Tree Start"
  },
  {
    "title": "Step 1"
  },
  {
    "title": "Step 2",
    "child": [
      {
        "title": "Sub Tree",
        "curve": true,
        "child": [
          {
            "title": "Step 1"
          }
        ]
      },
      {
        "title": "Sub Tree",
        "curve": true,
        "child": [
          {
            "title": "Step 1"
          }
        ]
      }
    ]
  }
]

Here is Figma Link: Here

*** You can use Vue JS or React JS or Pure JS

Just Submit your public github repo with your solution on Application form.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment