How to understand the logic of this application?

Question

Angular

Good afternoon,
Uchu Angular, made a couple of simple applications, and realized that it was time to move on. While playing payday, I was spreading skills on this site pd2skills.com , and wondered how it was built? After digging into the code, I realized that this is all on the same Angular and realized that I should make an analogue for any other game where there are skills.
Accordingly, I would like to ask you for help with where to start /
Take 3 tabs, let's say (3 branches of skills), and each tab has its own skills, and each tab, let's say 25 pieces. How to make them dependent on each other, so that when you click on one, another opens.
Where to store information about skills? What else could you recommend for this idea?
Thanks

Answer 1

Well, here is the access to the collected points. So make a similar structure.
For example:

{
  "mastermind": [
    {"title":"Cable Guy", "points": 1},
    {"title":"Control Freak", "points": 5},
    {"title":"Spotter", "points": 10},
    ...
  ]
}

For each group (tab) store the current number of points. And when updating the number of points, compare all skills with this number, you can unlock them or not.
I hope the idea is clear. You can further expand it as you like: add links to pictures, a detailed description, etc. to the structures.

Answer 2

I'm studying to be a painter.
Yesterday I was at the Bolshoi Theater - I liked it very much.
I want to make mine the same - with square columns and more.
What would you recommend for this idea?