Proyecto Todo App en Laravel con Livewire y Tailwind CSS

Descripción

Este proyecto consiste en el desarrollo de una aplicación Todo utilizando Laravel, Livewire y Tailwind CSS. La aplicación permite a los usuarios agregar, eliminar y marcar como completadas las tareas. Además, proporciona la funcionalidad de crear categorías y asignar tareas a otros usuarios.

Características Principales

• Interfaz de Usuario Intuitiva: Diseño limpio y amigable para una experiencia de usuario agradable.
• Gestión de Tareas: Funcionalidades para agregar, eliminar, marcar como completadas, crear categorías y asignar tareas a otros usuarios.
• Persistencia de Datos: Utilización de la base de datos de Laravel para almacenar y recuperar las tareas y categorías.
• Diseño Responsivo: Adaptable para su uso en una variedad de dispositivos y tamaños de pantalla.

Tecnologías Utilizadas

• Laravel: Framework de PHP para el desarrollo de aplicaciones web.
• Livewire: Biblioteca de Laravel para la construcción de interfaces de usuario interactivas.
• Tailwind CSS: Framework de diseño utilizable directamente desde el HTML.

Aprendizajes y Habilidades Adquiridas

Durante la realización de este proyecto, adquirí conocimientos significativos y puse en práctica diversas habilidades, entre las que se incluyen:

1. Desarrollo con Laravel: Fortalecí mi comprensión de Laravel, incluyendo el uso de rutas, controladores, modelos y migraciones.

2. Interactividad con Livewire: Exploré la creación de componentes interactivos utilizando Livewire y cómo interactuar con ellos desde el backend de Laravel.

3. Estilización con Tailwind CSS: Utilicé Tailwind CSS para estilizar la interfaz de usuario de manera eficiente y flexible.

4. Manejo de la Base de Datos: Aprendí a diseñar y utilizar la base de datos de Laravel para almacenar y recuperar datos de manera eficiente.

5. Desarrollo de Funcionalidades Avanzadas: Implementé funcionalidades avanzadas como la creación de categorías y la asignación de tareas a otros usuarios.

Capturas de Pantalla

Login del Todo App en Laravel.

Register Todo App en Laravel.

Interfaz de usuario del proyecto Todo App en Laravel con Livewire y Tailwind CSS.

Crear Tarea.

Instalación y Ejecución

1. Clona el repositorio: git clone https://github.com/geoMerDev/todo-app-laravel
2. Instala las dependencias de Composer: composer install
3. Copia el archivo .env.example y renómbralo a .env.
4. Genera una nueva clave de aplicación: php artisan key:generate
5. Configura la base de datos en el archivo .env.
6. Ejecuta las migraciones para crear las tablas de la base de datos: php artisan migrate
7. Inicia el servidor de desarrollo: php artisan serve