This is a submission for the DEV's Worldwide Show and Tell Challenge Presented by Mux
What I Built
Amoxtli Vue is a multimedia, interactive platform for learning Vue.js. Either at your own pace or through guided live workshops.
STILL A WORK IN PROGRESS
My Pitch Video
Demo
https://amoxtli-vue.netlify.app/
Repos:
https://github.com/ackzell/amoxtli-vue
https://github.com/ackzell/yehyecoa-vue
The Story Behind It
This is a spiritual successor to https://notes-on-vue.ackzell.dev
I built this because while there are many great Vue courses and talented instructors out there, I noticed the hands-on portion could be better. Students typically have to set up their own environments and manage their notes separately, which adds unnecessary friction.
What makes Amoxtli Vue special is the integrated playground called yehyecoa-vue. When you're learning solo, you can experiment with lesson code and track your changes with built-in version control. But during live workshops, this same playground transforms into a real-time mirror of what the instructor is coding and you can save everything locally as you go.
Technical Highlights
This is a modified TutorialKit instance which embeds an also modified VueJS REPL component.
This has much more going on than could possibly seem at first glance: Netlify functions to protect the static content behind a login, server events, some Dexie magic, and so on.
Use of Mux (Additional Prize Category Participants Only)
I don't think this project counts as-presented, but I'd consider adding the auto-dubbing and auto-captioning capabilities of Mux, I honestly only considered it as a platform to hosting the videos but didn't know about the other features.
Top comments (0)