GSoC’24(CircuitVerse) Week 9 & 10

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.