🔌 CircuLens – Understand Circuits, Visually About the Project CircuLens is an AI-powered tool that converts real-world images of breadboard circuits into clean, digital circuit diagrams and intuitive explanations.
Inspired by tools like Google Lens, we wanted to bring similar visual intelligence to the world of electronics. Many students and hobbyists struggle to understand how their physical circuits relate to schematics — CircuLens bridges that gap with just one upload.
Inspiration We were driven by a common frustration: “I built a circuit… but I don’t know how to explain it.”
In hardware workshops and beginner electronics classes, students often create circuits on breadboards but lack the clarity to document or describe what they've built. Our goal was to make understanding circuits as easy as taking a photo.
What We Learned How to build a clean, responsive frontend using React, Vite, Shadcn UI, and Tailwind CSS
How to simulate an AI pipeline with mocked output for circuit analysis
How to handle UX challenges like image previews, drag-and-drop upload, and loading states
Real-world Git collaboration, including resolving complex merge conflicts
How We Built It Frontend: Built entirely with React using Vite and TypeScript
UI Framework: Styled with Tailwind CSS and components from Shadcn UI
Image Upload: Supports both file selection and drag-and-drop
AI Layer (Simulated): Currently mocked to return:
An ASCII-based circuit diagram
A natural language explanation of how the circuit works
Polished UX: Emphasis on mobile responsiveness, clear layout, and ease of use
Challenges We Faced Git merge conflicts between frontend team members
Ensuring responsive design across screen sizes
Managing image state and simulated analysis output without a real backend
Keeping the interface simple and beginner-friendly
What's Next Integrate real-time circuit recognition using Google Gemini or OpenCV
Add live camera input for mobile users
Support exporting diagrams to tools like KiCad, LTSpice, or Fritzing
Build collaborative features like shared annotations and editable diagrams
Log in or sign up for Devpost to join the conversation.