Create a Leaderboard with different Scores

Hey guys,

I’m doing a sport app that will have a leaderboard.

This leaderboard is made in function of the points of the athletes on each event.

On each event, you rank in the event give you a number of points,

For exemple : On Event 1 I finish 3rd, and on event 2 I finish 5th. I will have 8 points in total.

How can I do to create a leaderboard like this ? There is this video that can be a good start : https://youtu.be/YUS0le0AdMY but I can’t do the general leaderboard, only a leaderboard for each event.

Do you have an idea ?

The only idea I have, is to make the leaderboards like in the video for each event, and add the rank position to a record value to give the final leaderboard.

But I don’t know how to do it without clicking on every team whenever there is a change on a score.

Hi @Pierlo,

Welcome to the community! :tada:

You’re using a separate collection to store the scores right and do you also store the event with a relationship? From what I see, you would need a relation property to filter the leaderboard based on the events. What do you think @Victor? (He’s the one who created the video which you mentioned in your original post)

Thank you and have a great day!

Hey @Dilon

Thanks !

I find a way to do it,

I’m using multiple countdown on a new page to update all the data, I saw that on an other video of Victor and I change some stuff to make it work and now it is perfect !

Have a great day !

Hi @Pierlo,

So you’re using a countdown component in a list to update all the records in the collection? That’s not a great solution for collections which have a large amount of data and will cause performance issues, and that’s suitable for collections which have a less amount of data, like around 30 records.

Thank you and have a great day!