The 2nd phase has begun, and I have started working on a new task: implementing the mobile view. As we know, the Vue simulator was not previously mobile responsive, so I suggested a new modern design, which you can find in the Figma link - https://www.figma.com/design/u3T5Ns2Xe5esvKxJ3FS9Cy/Untitled
I am excited to implement it into the vue simulator, this weeks implementation that has been done are:
-
Circuit Elements Panel
mobile Component -
Quick Button
mobile component -
Timing Diagram
mobile component
Some mobile features also have been implemented
-
Mobile touch
implementation -
Zoom
Implementation
Others
- some responsive design for
testbench
Components
Also a mobile simulator store
also has been created to circulate reactive data across mobile components.
Circuit Elements Panel
mobile Component
Quick Button
mobile component
Timing Diagram
mobile component
Reference PRs -
- https://github.com/CircuitVerse/cv-frontend-vue/pull/357
- https://github.com/CircuitVerse/cv-frontend-vue/pull/359
- https://github.com/CircuitVerse/cv-frontend-vue/pull/360
Conclusion:
This week was great; I had a lot of fun designing the mobile view. Hopefully, in the next few weeks, I will complete this implementation and start working on the next desktop application and tests for the simulator.
Top comments (0)