/esp8266-reactjs-web-page

Webpage built in ReactJS for a countdown timer using the ESP8266 module.

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Yarn vite React Typescript


💻 Project

screen

Esse projeto consiste em uma interface web criada em ReactJS para o firmware deste outro projeto que consiste em um cronometro regressivo para acionamento remoto de um relé usando o microcontrolador ESP8266.

🚀 Get Started

  1. Obtenha o o build do projeto
yarn build
  1. Após o build, será criada a pasta /dist, renomeie os arquivos .js e .css para index.js e index.css e mude também no arquivo index.html a tag link e tag scrpit :
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ESP8266</title>
    <script type="module" crossorigin src="/assets/index.js"></script>
    <link rel="stylesheet" href="/assets/index.css" />
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
  1. Agora renomeie a pasta dist para data e copie ela para o diretorio corrente do projeto com ESP8266.

👨‍🚀 Autor

👋 My contacts!

Linkedin Badge Gmail Badge

📝 Licença

Este projeto está sob os termos Apache Licence v2.0