Elearn NGX

All the tests pass! A few small bugs have been fixed as well!

My cleanup code quest has finished. Now on to fixing visual bugs and implementing more features!

Fixing bugs, writing unit tests, improving code coverage with tests :)

Only 10% don’t pass (which is good!). I will fix those next.
Other things: rubocop has fewer complaints now :)
Code coverage is up to 80% (+/- 3%).

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