¡Bienvenido a mi Todo App! Una aplicación sencilla pero poderosa para organizar tareas y demostrar la magia de React. Este proyecto aprovecha una arquitectura basada en componentes y el Context API para gestionar el estado global de manera eficiente.
- Añadir tareas: Nunca más olvides lo que tienes que hacer.
- Marcar como completadas: Mantén el control de tus logros.
- Eliminar tareas: Deshazte de lo que ya no necesitas.
- Gestión de estado global: Implementada con Context API para un manejo centralizado y limpio del estado.
- React: Biblioteca principal para la interfaz de usuario.
- Context API: Gestión de estado global sin necesidad de librerías externas como Redux.
- CSS/Styled Components: Estilo limpio y minimalista.
TodoApp/
├── src/
│ ├── components/ # Componentes reutilizables (TodoItem, TodoList, etc.)
│ ├── context/ # Context API para la gestión global del estado
│ ├── App.jsx # Componente principal
│ ├── index.jsx # Punto de entrada de la aplicación
│ └── styles/ # Estilos globales
├── public/ # Archivos públicos (favicon, index.html)
└── package.json # Configuración y dependencias del proyecto
-
Clona este repositorio:
git clone https://github.com/Delta2205/TodoApp.git
-
Instala las dependencias usando pnpm:
pnpm install
-
Ejecuta el servidor de desarrollo:
pnpm start
-
Abre en tu navegador:
https://aesthetic-elf-36b537.netlify.app
- Demostración de habilidades: Muestra conocimiento práctico de React y gestión de estado.
- Escalabilidad: La estructura permite agregar nuevas funcionalidades sin comprometer el mantenimiento.
- Código limpio: Adherido a las mejores prácticas y patrones de diseño.
- Integrar una API para guardar tareas en la nube.
- Añadir autenticación de usuario.
- Mejorar la interfaz con animaciones o transiciones.
Siéntete libre de hacer un fork del proyecto, añadir mejoras y crear un pull request.
Este proyecto es de uso libre. Siéntete libre de modificarlo o adaptarlo a tus necesidades.