Aplicación de Gestión de Tareas (Laravel + Angular)

Este proyecto es una aplicación de gestión de tareas desarrollada con Laravel en el backend y Angular en el frontend.

Estructura del proyecto

• /backend - Aplicación Laravel que proporciona la API REST
• /frontend - Aplicación Angular que consume la API

Requisitos previos

• PHP 8.0 o superior
• Composer
• Node.js 16.0 o superior
• npm
• Docker (para el contenedor MySQL)

Instalación y ejecución

Usando scripts de inicio automático

En Linux:

# Dar permisos de ejecución al script
chmod +x start-linux.sh

# Ejecutar el script
./start-linux.sh

En Windows:

# Simplemente ejecuta el script de inicio
start-windows.bat

Instalación manual

Si prefieres configurar el proyecto manualmente, sigue estos pasos:

1. Configurar la base de datos con Docker

docker run --name taskdb_mysql -e MYSQL_ROOT_PASSWORD=root -e MYSQL_DATABASE=task_db -e MYSQL_USER=taskuser -e MYSQL_PASSWORD=taskpass -p 3306:3306 -d mysql:8.0

2. Configurar el Backend (Laravel)

# Navegar al directorio backend
cd backend

# Instalar dependencias
composer install

# Crear archivo de configuración
cp .env.example .env

# Configurar la base de datos en .env
# DB_HOST=127.0.0.1
# DB_PORT=3306
# DB_DATABASE=task_db
# DB_USERNAME=taskuser
# DB_PASSWORD=taskpass

# Generar clave de aplicación
php artisan key:generate

# Ejecutar migraciones
php artisan migrate

# Limpiar caché
php artisan config:clear
php artisan cache:clear
php artisan route:clear
php artisan view:clear

# Iniciar servidor
php artisan serve --port=8001

3. Configurar el Frontend (Angular)

# Navegar al directorio frontend
cd frontend

# Instalar dependencias
npm install

# Iniciar servidor de desarrollo
npm start

Acceso a la aplicación

• Backend (API): http://localhost:8001
• Frontend: http://localhost:4200

Endpoints de la API

• GET /api/tasks - Obtener todas las tareas
• POST /api/tasks - Crear una nueva tarea
• PUT /api/tasks/{id} - Actualizar una tarea
• DELETE /api/tasks/{id} - Eliminar una tarea

Tecnologías utilizadas

• Backend:

  • Laravel 10
  • MySQL (Docker)
  • PHP 8.1

• Frontend:

  • Angular 18
  • Bootstrap 5
  • TypeScript

Desarrollo

Este proyecto está configurado con un repositorio Git único para ambas partes (frontend y backend).

Para contribuir al proyecto:

# Clonar el repositorio
git clone <url-del-repositorio>

# Crear una nueva rama
git checkout -b feature/nueva-funcionalidad

# Realizar cambios...

# Agregar y confirmar cambios
git add .
git commit -m "Descripción de los cambios"

# Enviar cambios
git push origin feature/nueva-funcionalidad