LMS example Softr Vibelearn - behind the scenes

Ask the community
1

I am trying to find how the example on the Softr Showcase (Softr Vibelearn) was built (ai2). More specifically, how the mark complete section was designed and how the database behind it captures learning activity tracking of individual.

When I create a new application from template in the studio, and search for LMS I find a example that is quite different from the Softr vibelearn example.

Does anyone know how I can explore in more detail the Softr Vibelearn example?

I don’t want to copy paste it in full, I just want to know how it was done so I can replicate parts of it in my own designs.

2

Hey, indeed our LMS template is a full app whereas this is a block showcase. I’ll look into upgrading our LMS template with such practices though.

What you can do to track statuses like lesson completion, etc, is to prepare a database structure that lists all these steps for the different users and then surface these to the vibe coding block so it interfaces with it and is able to edit statuses whenever users interface with it, for example “When a user clicks ‘Mark complete’, set the status for that lesson complete”, etc.

I’ll consider preparing a dedicated tutorial.