Web responsiva que funciona como un To Do, organizador de tareas. El diseño es inspirado en la app tasks de Google.

Este proyecto se hace con el fin de practicar el modelo CRUD y el uso de Firebase (autenticación, Cloud Firestore, Cloud Storage).

DEMO AppTask

El proyecto es creado con:

• Node: 14.15.4
• React: 17.0.1
• Firebase: 8.2.1
• Date-fns: 2.23.0
• Vercel: 23.1.2
• HTML, CSS y JavaScript

El proyecto se encuentra en una versión inicial de lo que se espera como producto final. A continuación se en lista las funcionalidades que posee:

• Registro e inicio de sesión con correo y contraseña.
• Registro e inicio de sesión por medio de Google.
• Subir y actualizar imagen de perfil.
• crear, leer, actualizar y eliminar tareas.
• Crear varias listas de tarea.
• Ordenar por fecha o por orden propio.
• Agregar subtareas a las tareas.
• Agregar la vista 404.
• Recuperar contraseña.
• Agregar animaciones.

Sigue estos pasos parar correr localmente el proyecto

1. Clona este repositorio usando git clone o descargando el ZIP.
2. Ve a la carpeta del proyecto cd to-do-list.
3. Instala las dependencias con npm install.
4. Configura tus variables de entorno en un archivo .env para conectar con firebase.
5. Corre en ambiente local ejecutando npm start.
6. Disfruta de AppTask 😊.

La base de datos maneja una colección users que contiene una subcolección task.

Si llegaste hasta aquí por favor trae más ☕ y 🍪.

Sígueme en