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 -

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.