Skip to content

kevuxxi/Taskflow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Taskflow

Una aplicación web completa para la gestión de tareas, construida con React, Firebase y Material UI. Esta app permite a los usuarios crear, leer, actualizar y eliminar tareas en tiempo real.

Características Principales

Autenticación de Usuario: Los usuarios pueden registrarse y acceder a su propio espacio de tareas, garantizando la privacidad de los datos.

Sincronización en Tiempo Real: Las actualizaciones de las tareas (agregar, completar, eliminar) se reflejan instantáneamente en la interfaz de usuario gracias a la funcionalidad de onSnapshot de Firestore.

Gestión de Estado Robusta: El proyecto demuestra un manejo eficiente del estado con useState y useEffect de React.

Experiencia de Usuario: Proporciona un feedback visual claro para cada acción del usuario, con validaciones de formulario y mensajes de éxito/error usando los componentes de Material UI.

Operaciones CRUD: Implementación completa de las cuatro operaciones básicas de la base de datos (Crear, Leer, Actualizar y Eliminar).

Tecnologías Utilizadas

Frontend: React

Backend como Servicio (BaaS): Firebase

Firebase Authentication: Para la gestión de usuarios.

Cloud Firestore: Como base de datos en tiempo real.

Componentes de UI: Material UI

Manejo de Paquetes: npm

Instalación y Uso Local

Sigue estos pasos para clonar el proyecto y ejecutarlo en tu máquina local.

  1. Clona el Repositorio

git clone [https://github.com/kevuxxi/Taskflow] cd tu-proyecto-de-tareas

  1. Instala las dependencias

npm install

  1. Configura Firebase

Crea un nuevo proyecto en la consola de Firebase.

Copia tus credenciales de configuración.

Crea un archivo .env en la raíz del proyecto y añade tus credenciales.

  1. Inicia la aplicación

npm run dev

La aplicación se abrirá en http://localhost:5173/ (o en el puerto que se te indique).

🌐 Demo y Código Fuente Ver en Vivo: [https://todo-app-auth-abku-git-main-kevins-projects-442df414.vercel.app/]

Código Fuente: [https://github.com/kevuxxi/Taskflow]

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •