Simulador de circuitos eletrônicos que roda no navegador e permite montar e simular circuitos analógicos e digitais de forma interativa.
agharsallah/esp-labs-web
Um guia interativo no navegador sobre o ESP32-S3, com 32 laboratórios, simuladores em tempo real, pinout, leitor de código de firmware e seção de datasheet.
- Estrelas
- 677
- Forks
- 99
- Issues abertas
- 1
- Último commit
- há 5 dias
O que é?
ESP32 Labs é um app web em React que ensina o microcontrolador ESP32-S3 por meio de laboratórios práticos. Cada aula ocupa uma única página com seu objetivo, os pinos usados em um pinout interativo, etapas de conexão, o comando de gravação, uma lista de verificação e um simulador. O monitor serial simulado responde aos comandos digitados como o firmware real, permitindo que os alunos experimentem antes de mexer no hardware.
Um leitor de código mostra o firmware gravado em cada laboratório, obtido do repositório complementar esp-labs durante o build. Ele oferece tours guiados com perguntas para tentar adivinhar, um modo de narrativa passo a passo que acompanha a execução a partir de setup(), e explicações de qualquer linha ao tocar nela. A seção Datasheet resume os pinos, periféricos, memória e modos de alimentação do chip, com citações à documentação de referência da Espressif quando esse conteúdo está disponível localmente.
O guia está disponível em oito idiomas, incluindo árabe com layout da direita para a esquerda, e funciona em celulares. O progresso fica salvo no navegador, sem necessidade de conta.
Recursos principais
- 0132 laboratórios práticos sobre Wi-Fi, Bluetooth LE, RFID/NFC, som e displays
- 02Monitor serial simulado que responde aos comandos digitados
- 03Pinout interativo do ESP32-S3 e visualização 3D da placa DevKitC-1
- 04Leitor de código com tours guiados e explicações linha por linha do firmware
- 05Seção de Datasheet com páginas de referência sobre pinos, periféricos e memória
- 06Oito idiomas na interface, incluindo árabe com layout da direita para a esquerda
Casos de uso
- Aprender a desenvolver para o ESP32-S3 antes de comprar ou conectar uma placa
- Seguir um curso estruturado de laboratórios de sistemas embarcados no próprio ritmo
- Estudar como um programa de firmware real para ESP32 é executado a partir de setup()
- Consultar as funções dos pinos e os detalhes dos periféricos do ESP32-S3 durante o desenvolvimento de um projeto
Início rápido
- 1
Clone o repositório esp-labs firmware
git clone https://github.com/agharsallah/esp-labs.git - 2
Clone o repositório esp-labs-web
git clone https://github.com/agharsallah/esp-labs-web.git - 3
Acesse a pasta do projeto e instale as dependências
cd esp-labs-web && pnpm install - 4
Inicie o servidor de desenvolvimento em localhost:5180
pnpm dev
Antes de usar
- Nenhuma licença foi especificada, então os direitos de reutilização não estão claros.
- O leitor de código precisa de um checkout esp-labs irmão; sem ele, somente esse recurso ficará vazio.
- O texto de referência da Espressif não está incluído e precisa ser obtido separadamente para usar o leitor completo.
Em coleções
Tópicos
Perguntas frequentes
- O que é esp-labs-web?
- Um guia interativo no navegador sobre o ESP32-S3, com 32 laboratórios, simuladores em tempo real, pinout, leitor de código de firmware e seção de datasheet. ESP32 Labs é um app web em React que ensina o microcontrolador ESP32-S3 por meio de laboratórios práticos. Cada aula ocupa uma única página com seu objetivo, os pinos usados em um pinout interativo, etapas de conexão, o comando de gravação, uma lista de verificação e um simulador. O monitor serial simulado responde aos comandos digitados como o firmware real, permitindo que os alunos experimentem antes de mexer no hardware.
- esp-labs-web é gratuito? Qual é a licença?
- esp-labs-web não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.
- esp-labs-web ainda é mantido?
- Manutenção ativa. O último commit de esp-labs-web foi em 2 de nov. de 2026.
- Para que posso usar esp-labs-web?
- Aprender a desenvolver para o ESP32-S3 antes de comprar ou conectar uma placa Seguir um curso estruturado de laboratórios de sistemas embarcados no próprio ritmo Estudar como um programa de firmware real para ESP32 é executado a partir de setup() Consultar as funções dos pinos e os detalhes dos periféricos do ESP32-S3 durante o desenvolvimento de um projeto
- Como instalar esp-labs-web?
- Clone o repositório esp-labs firmware: git clone https://github.com/agharsallah/esp-labs.git Clone o repositório esp-labs-web: git clone https://github.com/agharsallah/esp-labs-web.git Acesse a pasta do projeto e instale as dependências: cd esp-labs-web && pnpm install Inicie o servidor de desenvolvimento em localhost:5180: pnpm dev
- Onde consigo esp-labs-web?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/agharsallah/esp-labs-web
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Framework oficial de desenvolvimento da Espressif para criar firmware para ESP32 e outros SoCs da Espressif no Windows, Linux e macOS.
Ferramenta de linha de comando multiplataforma e sistema de build para desenvolvimento embarcado, com gerenciamento de bibliotecas, suporte a várias placas e frameworks, depuração e testes unitários.
Um sistema operacional para o M5Stack Cardputer, um portátil com 512 KB de RAM que permite escrever, compilar e executar Ruby e Python no próprio dispositivo.
Um desktop com janelas controladas pelo mouse que roda em microcontroladores ESP32 e é exibido em qualquer terminal ANSI conectado pela serial.
Permite que um modelo de visão com IA opere um iPhone real usando uma placa ESP32-S3 de US$ 7, que funciona como receptor de tela AirPlay e mouse USB HID, sem precisar de um computador durante a execução.