DEV Community

Cover image for GSoC’24(CircuitVerse) Week 9 & 10
Niladri Adhikary
Niladri Adhikary

Posted on

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

Image description

Quick Button mobile component

Image description

Timing Diagram mobile component

Image description

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.

Top comments (0)