Este repositorio contiene un proyecto de lista de tareas (ToDo) desarrollado con Vue 3. La aplicación permite agregar tareas, eliminarlas, marcar su estado como realizadas y ver los detalles de una tarea específica. La aplicación utiliza vue-router para la navegación y axios para consumir una API creada en Laravel, la cual se encuentra en otro repositorio de tu cuenta.
- Agregar Tarea: Permite al usuario agregar una nueva tarea a la lista.
- Eliminar Tarea: Permite al usuario eliminar una tarea de la lista.
- Marcar como Realizada: Permite al usuario cambiar el estado de una tarea a "realizada".
- Ver Detalles de Tarea: Permite al usuario ver los detalles de una tarea específica.
- Vue 3: Framework principal para la construcción de la interfaz de usuario.
- Vue Router: Librería de enrutamiento para manejar la navegación dentro de la aplicación.
- Axios: Librería para realizar solicitudes HTTP y consumir la API de Laravel.
- API en Laravel: Backend para gestionar las tareas (se encuentra en otro repositorio).
- Node.js y npm instalados.
- API en Laravel configurada y en ejecución.
-
Clona el repositorio:
git clone https://github.com/AidaRosaCalvo/task_front.git cd task_front -
Instala las dependencias del proyecto:
yarn install
-
Configura el archivo
.envpara apuntar a la URL de tu API de Laravel:
-
Inicia el servidor de desarrollo:
yarn serve
-
Abre tu navegador y navega a
http://localhost:8080para ver la aplicación en funcionamiento.
- Ingresa el título de la nueva tarea en el formulario de agregar tarea.
- Haz clic en "Agregar Tarea".
- La tarea se agregará a la lista de tareas.
- Haz clic en el botón de eliminar junto a la tarea que deseas eliminar.
- La tarea se eliminará de la lista.
- Haz clic en el checkbox junto a la tarea que deseas marcar como realizada.
- El estado de la tarea cambiará a "realizada".
- Haz clic en el título de la tarea para ver sus detalles.
- Se abrirá una nueva vista mostrando la descripción completa y otros detalles de la tarea.
Las contribuciones son bienvenidas. Si deseas contribuir, por favor sigue los siguientes pasos:
- Haz un fork del repositorio.
- Crea una rama para tu característica (
git checkout -b feature/nueva-caracteristica). - Realiza tus cambios (
git commit -m 'Añadir nueva característica'). - Sube tus cambios a tu fork (
git push origin feature/nueva-caracteristica). - Abre un pull request.