Repolode
Enviar
agharsallah

agharsallah/esp-labs-web

Guía interactiva del ESP32-S3 en el navegador, con 32 prácticas, simuladores en vivo, un pinout, un lector de código de firmware y una sección de hojas de datos.

Ver en GitHubSitio web
Estrellas
677
Forks
99
Issues abiertos
1
Último commit
hace 5 días

¿Qué es?

ESP32 Labs es una aplicación web de React que enseña a usar el microcontrolador ESP32-S3 mediante prácticas guiadas. Cada lección ocupa una sola página e incluye su objetivo, los pines que utiliza en un pinout en vivo, los pasos de conexión, el comando para flashear, una lista de verificación y un simulador. El monitor serie simulado responde a los comandos escritos igual que lo haría el firmware real, para que los estudiantes puedan probar antes de tocar el hardware.

Un lector de código muestra el firmware que se carga en cada práctica, obtenido en tiempo de compilación del repositorio complementario esp-labs. Incluye recorridos guiados con preguntas para que el usuario intente adivinar la respuesta, un modo narrativo paso a paso que sigue la ejecución desde setup() y explicaciones al tocar cualquier línea. La sección de hojas de datos resume los pines, los periféricos, la memoria y los modos de alimentación del chip, con citas a la documentación de referencia de Espressif cuando ese texto está disponible localmente.

La guía está disponible en ocho idiomas, incluido el árabe con diseño de derecha a izquierda, y funciona en teléfonos. El progreso se guarda en el navegador y no se necesita una cuenta.

Funciones clave

  • 0132 prácticas guiadas sobre Wi-Fi, Bluetooth LE, RFID/NFC, sonido y pantallas
  • 02Monitor serie simulado que responde a los comandos escritos
  • 03Pinout en vivo del ESP32-S3 y vista 3D de la placa DevKitC-1
  • 04Lector de código con recorridos guiados y explicaciones línea por línea del firmware
  • 05Sección de hojas de datos con páginas de referencia sobre pines, periféricos y memoria
  • 06Ocho idiomas de interfaz, incluido el árabe con escritura de derecha a izquierda

Casos de uso

  • Aprender a desarrollar para el ESP32-S3 antes de comprar o conectar una placa
  • Seguir a tu ritmo un curso estructurado de prácticas de sistemas embebidos
  • Estudiar cómo se ejecuta un programa de firmware real para ESP32 desde setup()
  • Consultar las funciones de los pines del ESP32-S3 y los detalles de sus periféricos mientras desarrollas un proyecto

Inicio rápido

  1. 1

    Clona el repositorio esp-labs firmware

    git clone https://github.com/agharsallah/esp-labs.git
  2. 2

    Clona el repositorio esp-labs-web

    git clone https://github.com/agharsallah/esp-labs-web.git
  3. 3

    Entra en la carpeta del proyecto e instala las dependencias

    cd esp-labs-web && pnpm install
  4. 4

    Inicia el servidor de desarrollo en localhost:5180

    pnpm dev

Antes de usarlo

  • No se especifica ninguna licencia, por lo que los derechos de reutilización no están claros.
  • El lector de código necesita un checkout contiguo de esp-labs; sin él, esa función estará vacía.
  • El texto de referencia de Espressif no está incluido y debe obtenerse por separado para usar el lector completo.

En colecciones

Herramientas de aprendizaje y educación de código abiertoSistemas embebidos y proyectos con microcontroladores

Temas

#esp32#embedded#education#electronics#microcontroller#interactive-learning#simulator#pinout#esp32-s3#i18n

Preguntas frecuentes

¿Qué es esp-labs-web?
Guía interactiva del ESP32-S3 en el navegador, con 32 prácticas, simuladores en vivo, un pinout, un lector de código de firmware y una sección de hojas de datos. ESP32 Labs es una aplicación web de React que enseña a usar el microcontrolador ESP32-S3 mediante prácticas guiadas. Cada lección ocupa una sola página e incluye su objetivo, los pines que utiliza en un pinout en vivo, los pasos de conexión, el comando para flashear, una lista de verificación y un simulador. El monitor serie simulado responde a los comandos escritos igual que lo haría el firmware real, para que los estudiantes puedan probar antes de tocar el hardware.
¿esp-labs-web es gratuito? ¿Qué licencia tiene?
esp-labs-web no declara ninguna licencia. Su código es público, pero sin licencia no tienes permiso explícito para reutilizarlo; consulta al autor antes de depender de él.
¿esp-labs-web sigue mantenido?
Mantenimiento activo. El último commit de esp-labs-web fue el 2 nov 2026.
¿Para qué puedo usar esp-labs-web?
Aprender a desarrollar para el ESP32-S3 antes de comprar o conectar una placa Seguir a tu ritmo un curso estructurado de prácticas de sistemas embebidos Estudiar cómo se ejecuta un programa de firmware real para ESP32 desde setup() Consultar las funciones de los pines del ESP32-S3 y los detalles de sus periféricos mientras desarrollas un proyecto
¿Cómo se instala esp-labs-web?
Clona el repositorio esp-labs firmware: git clone https://github.com/agharsallah/esp-labs.git Clona el repositorio esp-labs-web: git clone https://github.com/agharsallah/esp-labs-web.git Entra en la carpeta del proyecto e instala las dependencias: cd esp-labs-web && pnpm install Inicia el servidor de desarrollo en localhost:5180: pnpm dev
¿Dónde consigo esp-labs-web?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/agharsallah/esp-labs-web

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados