Layout

Documentação do Site com Modo Escuro/Claro

https://github.com/marciosenaf/botao-dark/blob/main/imageredme.png

Descrição

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.

Pré-requisitos

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)

Instalação

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 install

Executando o Site

Após concluir a instalação, você pode iniciar o servidor local para visualizar o site. Para isso, utilize o seguinte comando:

npm start

O servidor será iniciado e o site estará acessível em http://localhost:3000 (ou outra porta, se a 3000 estiver em uso).

Botão de Modo Escuro/Claro

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.

Autor

Márcio Sena

https://www.linkedin.com/in/marciosenaf/