Elearn NGX

Everything is broken :(

Things I did:

• Created more modes for organisation. Now questions are attached to “topics”, which belong to units, which belong to parts, which belong to courses.
• Created a UI (shown here) for organising topics and tags in a drag-and-drop UI

Challenges:

• Getting drag and drop to reflect on the backend
• keeping types together and inter-compatible
• Preventing server resources from becoming overloaded

Exercises now have analytics!

Things I built:

• exercise completion log
• weak points
• recommended questions

Things that don’t work:

• dark mode (ew :( ). Some things are dark, some things are glaringly white,
• some fonts are weird
• Reviewing exercises has weird styling
• padding is weird

I added users, and everything broke :(

The react component part takes too much memory to compile, so i added aggressive code splitting. Now different components (which are ended up as web components) are now independent files and are lazy-loaded. Things like perseus and mathjax are still big files but loaded separately.

I added a top bar and a sign in screen! Also user roles like Admin, Content Manager, Teacher, Student. The sign in screen works!

Also exercises creating, editing.

Updated UI for question workspace! The problems: drag and drop broke, the sidebar stopped being draggable, and tags broke. Ooops. I fixed them by refactoring the dashboard module, implementing smaller changes, console.log religiously. Other things that changed:

• selection is now EITHER tag or question but not both at the same time. I’m not entirely sure on this because it seems rather odd.
• untagged questions sometimes have an “untagged” tag
• subtag cards are beautiful now
• the sidebar can now be disappeared into oblivion, never to be seen again (until the restore button is pressed)

Things I still need to do:

• add toast status notifiers
• dialogues/modals should be using MUI not the native dialogue
• lazy loading/component splitting

I realised that I can’t actually upload multiple images in stardance (even though it displays fine in the preview), which is a bit unfortunate.

I love creating and editing questions! The only problem is it looks awful … :(

What I did:

• created a Rails model for questions and tags (the big JSON image with questions)
• wrote logic to recursively build a tag tree (with tags, subtags, colours, and questions)
• wrote a view to allow dragging and dropping questions

Challenges:

• getting the questions to actually drag and drop into the right tag
• preventing it from infinite-looping updating (I hate you React)
• sending backend requests to update the view, the whole fetch/get/post thing was complex and I accidentally DOS’ed my backend a few times (oops)
• Auto colour generation