Todo-App

Todo-App es una aplicación de gestión de tareas que permite a los usuarios organizar, crear, editar, eliminar y marcar tareas como completadas. Desarrollada con un backend en Node.js utilizando la arquitectura MVC, y un frontend moderno con Vite.js y React. La aplicación incluye validaciones, interacción con el usuario mediante pop-ups y otras funcionalidades útiles.

Descripción

Todo-App ofrece una interfaz intuitiva para gestionar tareas diarias, permitiendo a los usuarios administrar su lista de pendientes de manera eficiente. La información se guarda en formato JSON y se emplean varias bibliotecas para enriquecer la experiencia del usuario, tales como SweetAlert2, Express.js, Tailwind CSS, Lucide Icons y Axios.

Características

• Crear, editar y eliminar tareas.
• Marcar tareas como completadas.
• Interfaz responsive adaptada a diferentes dispositivos.
• Validación de datos con la biblioteca Zod.
• Interacción dinámica mediante pop-ups con SweetAlert2.

Instalación

Sigue los pasos a continuación para instalar y ejecutar la aplicación localmente.

1. Clonar el repositorio

Primero, clona este repositorio en tu máquina local:

git clone https://github.com/Franco-Juarez/Todo-App.git

2. Instalar las dependencias

El proyecto está dividido en dos carpetas: backend y frontend. Instala las dependencias de ambas:

Backend

Navega al directorio backend e instala las dependencias:

cd Todo-App/backend
npm install

Frontend

Navega al directorio frontend e instala las dependencias:

cd Todo-App/frontend
npm install

3. Iniciar la aplicación

Inicia el backend y el frontend en orden. Asegúrate de estar en el directorio correspondiente antes de ejecutar los comandos:

Backend

Dentro del directorio backend, ejecuta:

npm run start

Frontend

Dentro del directorio frontend, ejecuta:

npm run dev

La aplicación estará disponible en tu navegador localmente.

Uso

Para una demostración visual de la aplicación en funcionamiento, consulta el siguiente enlace o gif:

Posibles mejoras

• Integrar una base de datos relacional (por ejemplo, SQL).
• Agregar gráficos en tiempo real para visualizar el progreso de las tareas.
• Implementar un sistema de usuarios con autenticación y login.

Contribución

Si deseas contribuir a este proyecto, no dudes en hacer un fork y enviar un pull request. También puedes ponerte en contacto conmigo si tienes alguna sugerencia o duda.

Información de contacto:

• Correo: franjuaache@gmail.com
• LinkedIn: https://www.linkedin.com/in/francojuarez/

---

Creado por Franco Juárez. ¡Gracias por visitar mi repositorio!