[FEATURE] Future milestones to have a dotted line

[eddiejaoude]

Description

We have milestones at the moment, but these are in the past, it would be great to have goals - these would need to be displayed slightly differently

Maybe a flag that is goal: true

Current data...

"milestones": [
    {
      "title": "Started Freelancing",
      "date": "May 2010",
      "icon": "dollar",
      "color": "grey",
      "description": "Started freelancing again",
      "url": "https://www.eddiejaoude.io/"
    }
]

We could add a flag...

"milestones": [
    {
      "isGoal": true,
      "title": "Started Freelancing",
      "date": "May 2010",
      "icon": "dollar",
      "color": "grey",
      "description": "Started freelancing again",
      "url": "https://www.eddiejaoude.io/"
    }
]

Currently milestones are displayed like this, but we could have a dotted line down to another group of cards and these could be slightly faded, to show they have not been achieved yet

Screenshots

No response

Additional information

No response

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[ManishBisht777]

hi @eddiejaoude can you explain this a bit more

[eddiejaoude]

@ManishBisht777 I updated the issue description, I hope that helps

[ManishBisht777]

@eddiejaoude thanks for the detailed info

I would like to work on this feature we can divide the task into parts:

1) ui for the goals (faded cards)
2) make it functional

I am starting with the UI

[eddiejaoude]

Both parts will need to come in the same PR though

[ManishBisht777]

sure

[SaraJaoude]

completed