Cambiar entre modo claro y oscuro

Introducción

En este proyecto, aprenderás a crear una aplicación React que permita a los usuarios alternar entre el modo claro y el modo oscuro. El proyecto demostrará el uso de la API de Contexto de React y del hook useContext para administrar el estado global del tema.

👀 Vista previa

🎯 Tareas

En este proyecto, aprenderás:

• Cómo crear un ThemeContext utilizando la API de Contexto de React
• Cómo utilizar el ThemeContext en el componente App para cambiar el estilo general de la aplicación según el tema
• Cómo utilizar el ThemeContext en el componente Card para cambiar los estilos de la tarjeta según el tema
• Cómo envolver el componente App con el ThemeProvider para que el contexto del tema esté disponible en toda la aplicación

🏆 Logros

Después de completar este proyecto, podrás:

• Comprender cómo utilizar la API de Contexto de React para administrar el estado global
• Aplicar el hook useContext para acceder a los valores del contexto
• Implementar diferentes estilos según el tema actual
• Alternar el tema y actualizar el estado global