{"id":168608,"date":"2025-04-17T14:56:21","date_gmt":"2025-04-17T14:56:21","guid":{"rendered":"https:\/\/randomnerdtutorials.com\/?p=168608"},"modified":"2025-04-17T14:56:25","modified_gmt":"2025-04-17T14:56:25","slug":"esp32-cam-qr-code-reader-web-server","status":"publish","type":"post","link":"https:\/\/randomnerdtutorials.com\/esp32-cam-qr-code-reader-web-server\/","title":{"rendered":"ESP32-CAM QR Code Reader User Management System (Web Server)"},"content":{"rendered":"\n

In this project, you’ll build a QR code user management system with a web server that runs on an ESP32-CAM. The ESP32-CAM is constantly using its camera to scan for new QR codes using the ESP32QRCodeReader<\/span> library and a modified version of the quirc<\/span> library. When it detects a valid QR code, it stores the QR code data on the MicroSD card. You can access the web server in any browser to manage the users and view the complete log. The ESP32-CAM will be programmed using Arduino IDE.<\/p>\n\n\n

\n
\"ESP32-CAM<\/figure><\/div>\n\n\n

Project Overview<\/h2>\n\n\n\n

The following diagram shows a high-level overview of how the project works.<\/p>\n\n\n

\n
\"ESP32-CAM<\/figure><\/div>\n\n\n

1) <\/strong>When the ESP32-CAM detects a valid QR code, it reads its data and the built-in LED flash will blink.<\/p>\n\n\n\n

2)<\/strong> The ESP32-CAM records the time of that interaction and saves the time and QR code data on the microSD card on a file called log.txt<\/em>.<\/p>\n\n\n\n

3)<\/strong> The ESP32-CAM also hosts a web server to display and manage the information from the microSD card.<\/p>\n\n\n\n

4)<\/strong> The root (\/<\/span>) URL shows the complete log (saved on the microSD card module log.txt<\/em>) with the timestamp and the QR code data.<\/p>\n\n\n\n

5)<\/strong> There’s another page on the \/add-user<\/span> path that allows you to add users and their roles using a form.<\/p>\n\n\n\n

6)<\/strong> The data entered via this form will be saved on the user.txt<\/em> file saved on the microSD card.<\/p>\n\n\n\n

7)<\/strong> There is another page on the \/manage-users<\/span> path that allows you to consult and delete users.<\/p>\n\n\n\n

8)<\/strong> This page allows you to interact with the users.txt <\/em>file.<\/p>\n\n\n\n

Parts Required<\/h2>\n\n\n\n

We’ll be using the ESP32-CAM board labeled as AI-Thinker module, but other modules should also work by making the correct pin assignment in the code. The ESP32-CAM board<\/a> is a $9 device (or less) that combines an ESP32-S chip, an OV2640 camera, a microSD card slot, and several GPIO pins.<\/p>\n\n\n

\n
\"ESP32-CAM<\/figure><\/div>\n\n\n

To follow this tutorial you need the following components:<\/p>\n\n\n\n