Cirkit Designer Logo
Cirkit Designer
Your all-in-one circuit design IDE
Home / 
Project Documentation

ESP32-Based Interactive Keypad with TFT Display and Audio Output

Image of ESP32-Based Interactive Keypad with TFT Display and Audio Output

Circuit Documentation

Summary

This document provides a detailed overview of a circuit that integrates an ESP32 microcontroller, an ili9341 TFT display, a 4x4 membrane matrix keypad, a DFPlayer MINI, and a loudspeaker. The circuit is designed to interface these components for a variety of functionalities, including user input via the keypad, visual output on the TFT display, and audio output through the loudspeaker.

Component List

  1. ESP32

    • Description: A powerful microcontroller with built-in Wi-Fi and Bluetooth capabilities.
    • Pins: EN, VP, VN, D34, D35, D32, D33, D25, D26, D27, D14, D12, D13, GND, VIN, 3V3, D15, D2, D4, RX2, TX2, D5, D18, D19, D21, RX0, TX0, D22, D23, BOOT
  2. ili9341 TFT Display

    • Description: A 2.8-inch TFT display with a resolution of 240x320 pixels.
    • Pins: VCC, GND, CS, RESET, DC/RS, SDI, SCK, LED, SDO, T_CLK, T_CS, T_DIN, T_DO, T_IRQ
  3. 4x4 Membrane Matrix Keypad

    • Description: A keypad with 16 buttons arranged in a 4x4 matrix.
    • Pins: R1, R2, R3, R4, C1, C2, C3, C4
  4. DFPlayer MINI

    • Description: A small MP3 player module that can be controlled via serial communication.
    • Pins: VCC, BUSY, RX, USB -, TX, USB +, DAC_R, K2/ADC_KEY, DAC_L, K1/ADC_KEY, SPK1, IO 2, GND, SPK2, IO 1
  5. Loudspeaker

    • Description: A simple loudspeaker for audio output.
    • Pins: pin1, pin2

Wiring Details

ESP32

  • D32 connected to 4x4 Membrane Matrix Keypad C4
  • D33 connected to 4x4 Membrane Matrix Keypad C3
  • D25 connected to 4x4 Membrane Matrix Keypad C2
  • D26 connected to 4x4 Membrane Matrix Keypad C1
  • D27 connected to 4x4 Membrane Matrix Keypad R4
  • D14 connected to 4x4 Membrane Matrix Keypad R3
  • D12 connected to 4x4 Membrane Matrix Keypad R2
  • D13 connected to 4x4 Membrane Matrix Keypad R1
  • GND connected to ili9341 TFT Display GND and DFPlayer MINI GND
  • VIN connected to ili9341 TFT Display VCC and DFPlayer MINI VCC
  • D15 connected to ili9341 TFT Display CS
  • D2 connected to ili9341 TFT Display RESET
  • D4 connected to ili9341 TFT Display DC/RS
  • D18 connected to ili9341 TFT Display SCK
  • D19 connected to ili9341 TFT Display SDO
  • RX0 connected to DFPlayer MINI TX
  • TX0 connected to DFPlayer MINI RX
  • D23 connected to ili9341 TFT Display SDI

ili9341 TFT Display

  • GND connected to ESP32 GND and DFPlayer MINI GND
  • VCC connected to ESP32 VIN and DFPlayer MINI VCC
  • CS connected to ESP32 D15
  • RESET connected to ESP32 D2
  • DC/RS connected to ESP32 D4
  • SCK connected to ESP32 D18
  • SDO connected to ESP32 D19
  • SDI connected to ESP32 D23
  • LED connected to ESP32 VIN

4x4 Membrane Matrix Keypad

  • C4 connected to ESP32 D32
  • C3 connected to ESP32 D33
  • C2 connected to ESP32 D25
  • C1 connected to ESP32 D26
  • R4 connected to ESP32 D27
  • R3 connected to ESP32 D14
  • R2 connected to ESP32 D12
  • R1 connected to ESP32 D13

DFPlayer MINI

  • GND connected to ESP32 GND and ili9341 TFT Display GND
  • VCC connected to ESP32 VIN and ili9341 TFT Display VCC
  • TX connected to ESP32 RX0
  • RX connected to ESP32 TX0
  • SPK1 connected to Loudspeaker pin2
  • SPK2 connected to Loudspeaker pin1

Loudspeaker

  • pin2 connected to DFPlayer MINI SPK1
  • pin1 connected to DFPlayer MINI SPK2

Code

No code is provided for this circuit.


This document provides a comprehensive overview of the circuit, including a summary, component list, wiring details, and code documentation. Each section is designed to offer clear and concise information to facilitate understanding and replication of the circuit.