Projeto-FrontEnd-Fusion / portifolio-colaborativo-codewizard-Eaglescoders

O Frontend Fusion é um projeto inovador focado em proporcionar uma experiência envolvente de aprendizado de programação. Nosso objetivo é oferecer um ambiente colaborativo onde entusiastas de tecnologia possam mergulhar no mundo do desenvolvimento frontend, explorando CSS, HTML e JavaScript através de desafios e atividades interativas.
https://portifolio-colaborativo-codewizard-eaglescoders.vercel.app
0 stars 8 forks source link

Implementar Alternância entre Modos Dark e Light #49

Open dinhoSilwa opened 1 month ago

dinhoSilwa commented 1 month ago

Implementar Alternância entre Modos Dark e Light em Site React com Tailwind CSS

Descrição: Adicionar a funcionalidade de alternância entre os modos escuro e claro no site, utilizando Tailwind CSS para a estilização. O botão de alternância já está presente na interface, e a tarefa é implementar a lógica para aplicar dinamicamente as classes do Tailwind CSS correspondentes aos temas. A preferência do tema deve ser armazenada em localStorage para garantir que a escolha do usuário persista entre as sessões.

Tarefas:

  1. Implementar a lógica em React para alternar entre os modos escuro e claro, aplicando as classes Tailwind CSS apropriadas.
  2. Configurar o armazenamento da preferência do tema em localStorage para garantir que a configuração seja mantida entre as sessões.
  3. Testar a funcionalidade para assegurar que a alternância de temas está funcionando corretamente e que os estilos aplicados correspondem ao modo selecionado.

Imagem:

Imgur