https://github.com/marciosenaf/botao-dark/blob/main/imageredme.png
Este repositório contém o código-fonte de um site construído em React e JavaScript. O site possui um botão que permite alternar entre os modos claro e escuro. Esta documentação tem o objetivo de orientar o desenvolvedor sobre como executar o projeto localmente e explicar o funcionamento do botão de alternância de temas.
Antes de executar o projeto, verifique se o seguinte software está instalado em sua máquina:
Node.js (https://nodejs.org/) NPM (Node Package Manager, normalmente instalado junto com o Node.js)
Siga as etapas abaixo para executar o site localmente:
Faça o download ou clone este repositório em sua máquina. Navegue até o diretório do projeto através do terminal ou prompt de comando. Instale as dependências do projeto executando o comando:
npm installApós concluir a instalação, você pode iniciar o servidor local para visualizar o site. Para isso, utilize o seguinte comando:
npm startO servidor será iniciado e o site estará acessível em http://localhost:3000 (ou outra porta, se a 3000 estiver em uso).
O site contém um botão no centro do site que permite alternar entre os modos claro e escuro. O comportamento do botão é o seguinte:
Quando o site está no modo claro, o botão exibirá o texto "Modo Escuro". Quando o site está no modo escuro, o botão exibirá o texto "Modo Claro". O modo atual será armazenado localmente no navegador do usuário, permitindo que o site lembre a preferência do usuário entre as sessões.
Márcio Sena