agharsallah/esp-labs-web

Public

The ESP32-S3 bench guide as a React app: live pinout, lessons with interactive simulators, a code reader for the esp-labs firmware, and the bench log. In 11 languages.

  • Stars566+423 tuần này
  • Forks83
  • Watchers1
  • Issues1
  • Ngày tạo21/10/2026
  • Cập nhật gần nhất26/10/2026
  • Ngôn ngữTypeScript
  • Giấy phép—
README.md29.0 KBRaw

ESP32 Labs: the bench guide

Wire it, flash it, watch it, then read the code.
An interactive guide to the ESP32-S3: 32 hands-on labs with live simulators, a 3D board, a pinout, a reader that explains the firmware line by line, and the chip's datasheet made readable.

Open the live guide

React 19 TypeScript strict Vite 8 11 languages CI PRs welcome

Live guide · Firmware (esp-labs) · Architecture · Contributing · Report a bug · Propose a lab

The labs map: a progress readout, the 3D ESP32-S3 DevKitC-1 with its parts lighting up one by one, then every lab grouped by theme

Contents

What's inside

Every lab runs in the browser first

Each lesson is one sheet: the goal, the pins it uses on a live pinout, the wiring, the command to flash it, the steps to tick off and a simulator of what you should see. Type a command into the simulated serial monitor and the board answers like the real firmware does.

Lesson 02: ticking off steps, then typing blink, sos and level commands into the serial monitor while the simulated LED follows

A code reader that never overwhelms

Read the code opens the real firmware the lab flashes, taken from esp-labs at build time. Tour walks it a few lines at a time and asks you to guess first. Story follows the program as it runs, from setup() into every call. Explore explains any line you tap. New C++ words come up three at a time, and the phrasebook remembers the ones you've already met.

The code reader: tour stops with guess-first quizzes and new-word cards, then the Story mode following setup()

The datasheet, made for makers

The new Datasheet section (#/datasheet) is about the ESP32-S3 itself. Explore keeps the 10% of Espressif's documents a maker needs: the chip at a glance with a 3D dive from the board down to the die, every pin and its jobs, an atlas of all 32 peripheral blocks with a page each, and memory, clocks and power modes. Each fact cites its section of the reference, the "things that bite" are called out, and the blocks your labs have used light up as you tick steps.

A citation opens that section of the reference in a side reader, and Read turns the board guide, module datasheet, chip datasheet and technical reference into one book you can read cover to cover, with section ticks and "Continue at". Titles follow your language; the text stays Espressif's English.

Nội dung README thuộc về agharsallah và cộng đồng đóng góp, giấy phép Không có giấy phép. Nguồn: github.com/agharsallah/esp-labs-web