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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide