Inspiration
Many students have difficulty understanding assembly syntax.
What it does
We made a simple translator that takes in assembly and explains each line, and the stack.
How we built it
We used Javascript, HTML and CSS to make the portal, and run regex on it to interpret and explain each line.
Challenges we ran into
We had issues with parsing assembly and converting it into JS and embedding the Ace Editor to take input.
Accomplishments that we're proud of
Successfully parsing and describing complex Assembly instructions, and developing a deeper understanding of how a Computer works at its core.
What we learned
We learned how to make a complex and useful application with just HTML, CSS, and JS. We also learned complex DOM manipulation to update multiple sections of the website at a time with new data.
What's next for Assembly Visualizer
We plan on making the visualizer a lot more like Python Tutor, with more interactive components instead of plain text.
Built With
- assembly
- css
- html
- javascript
Log in or sign up for Devpost to join the conversation.