React Todo es una aplicación desarrollada con React que permite a los usuarios gestionar sus tareas más importantes. Los usuarios pueden añadir, editar, y eliminar tareas, así como crear y personalizar su propio perfil.
- Navegación con React Router: Gestiona rutas y navegación de manera eficiente.
- Gestión de Estado: Utiliza
createContexty React para manejar el estado global de la aplicación. - Autenticación de Usuarios: Permite a los usuarios crear y personalizar su perfil único.
- React y React Router para la construcción de la interfaz de usuario y la gestión de rutas.
- CSS para el estilo de la aplicación.
- gh-pages para la publicación y despliegue de la aplicación.
-
Clona el repositorio:
git clone https://github.com/Ulternae/ReactTodo.git -
Instala las dependencias:
npm i -
Ejecuta el proyecto:
npm run startAccede a la aplicación en
http://localhost:3000/ReactTodo.
Descripción de cómo los archivos y carpetas están organizados en el proyecto:
Contiene recursos gráficos como imágenes y SVGs.
Incluye todos los componentes de React usados en la aplicación, como:
- Buttons: Botones con iconos para ejecutar acciones específicas.
- Inputs: Componentes para la búsqueda y edición de tareas.
- Titles: Utilizados para mostrar títulos en la aplicación.
Maneja el estado global con Context API, incluyendo:
- icons.js: Iconos disponibles para la personalización de perfiles.
- section.js: Gestión de las secciones de tareas.
Administra la información global, como imágenes y almacenamiento local.
Gestiona eventos como AddTodo que se activan mediante interacciones del usuario.
Lógica y composición de los componentes.
Componentes para la visualización de modales.
Vistas individuales de la aplicación.
Componentes compartidos entre diferentes páginas.
Rutas y validaciones para mostrar información dependiendo del estado del usuario.
Estilos globales de la aplicación, organizados por componente.
