Qubitly

Inspiration

I wanted to create a tool that makes quantum computing accessible and visual for beginners. Most existing platforms require coding knowledge, which can be intimidating. My goal was to build an interactive playground where users can intuitively experiment with quantum circuits without needing to write a single line of code.

What it does

Qubitly allows users to build quantum circuits visually by dragging and dropping quantum gates onto qubit wires. The platform simulates these circuits using a Python backend with Qiskit and returns the result of the computation. It also includes a live visualizer for qubit states and a built-in AI chatbot that helps users understand concepts, debug circuits, and suggest improvements.

How I built it

The frontend is built using Next.js with TypeScript and Tailwind CSS. For the circuit interaction, I used React DnD to enable drag and drop functionality. The backend is a FastAPI server written in Python, which handles circuit simulation using Qiskit. I designed a custom JSON structure to represent quantum circuits and created an API endpoint to receive and process them.

Challenges I ran into

One challenge was translating user interactions into valid quantum circuits and maintaining consistency across the UI and backend. Handling multi-qubit gates like CNOT required special care in the data structure and visualization. Setting up cross-origin requests between the frontend and backend also required configuration and testing.

Accomplishments that I'm proud of

I'm proud of having built a working quantum circuit simulator with a clean and intuitive interface. It was especially rewarding to connect a frontend and backend across two languages and make quantum simulation accessible to users with no coding background.

What I learned

I deepened my understanding of quantum circuit logic and how gates affect qubit states. I also gained practical experience in building full-stack applications with Next.js and FastAPI, as well as working with the Qiskit library to simulate and visualize quantum behavior.

What's next for Qubitly

I plan to improve the drag and drop editor with more advanced gates and multi-qubit support. I also want to integrate a real-time Bloch sphere visualizer for each qubit and allow users to export their circuits in OpenQASM. Eventually, I hope to make the chatbot smarter by integrating it with quantum course content and tutorials.

Built With

• css
• fastapi
• nextjs
• python
• qiskit
• render
• tailwindcss
• typescript