← Back to Portfolio

EE 326 – Web Camera Project

Skills: Embedded Systems, PCB Design (Eagle CAD), ESP32 & MCU Firmware (Microchip Studio), SMD Soldering, Hardware–Software Integration, Mechanical Design (Onshape), 3D Printing

Project Overview

For EE 326: Electronic System Design, we set out to design and build a working web camera system from the ground up. The webcam streams images to a locally hosted website via ESP32 Wi-Fi. The main goal was to learn and apply the principles of electronic system design in an end-to-end product, integrating all subsystems from hardware to firmware and networking.

Design & Prototyping

We began by prototyping the system with breakout boards for each component. This allowed us to verify communications (UART/SPI) between the MCU, camera, and ESP32 module before committing to a custom printed circuit board (PCB) design. Careful documentation of all wire connections ensured that we could accurately capture the working prototype in schematic form.

Breakout board prototype MCU breakout board setup

PCB Design

After validating our design, we created a custom PCB in Autodesk Eagle. This significantly reduced wiring complexity and improved robustness, transforming our rat's nest of wires into a neat, compact module. Key communication lines (UART, SPI, four GPIOs) were routed and labeled for clear silkscreen assembly. Special attention was paid to include capacitor and resistor values directly on the silkscreen for easy assembly.

Camera MCU schematic and PCB layout

Assembly & Integration

Upon arrival of the manufactured PCB, we soldered on all components and ran extensive continuity and connection tests. Integration and debugging required step-by-step validation of each module's communication with the others, especially at the software/hardware boundary.

3D model of PCB assembly 3D model of PCB assembly

3D Design & Mechanical Integration

To ensure proper fit within the webcam housing, we created a 3D model of the completed PCB assembly. This enabled virtual verification of mounting hole patterns and mechanical clearances before physical assembly.

3D model of PCB assembly 3D model of PCB assembly

Challenges

Lessons Learned