⚠️ Advertencia

• Si bien este proyecto está subido a un repositorio de IDEAS, se recomienda visitar el repositorio público en GitHub: https://github.com/agumurray/card-game-fullstack.git
• Se realizaron algunos cambios en la API respecto de la entrega anterior. Los mismos están detallados en el README del directorio api. Podés verlos haciendo clic AQUÍ.

Juego de cartas - API + Frontend

Un proyecto completo de un juego de cartas en línea, que incluye una API RESTful construida con PHP (Slim Framework) y un frontend interactivo desarrollado en React.

---

Requisito Previo

Asegúrate de tener instalado y configurado el siguiente componente en tu sistema:

1. Docker

---

Configuración Inicial

1. Clona el repositorio:

git clone https://github.com/agumurray/card-game-php.git
cd card-game-php

2. Copia el archivo de entorno de ejemplo:

cp .env.dist .env

---

Uso

Iniciar la aplicación:

Para iniciar todos los servicios (API, frontend, base de datos y phpMyAdmin):

docker-compose up -d --build

Esto asegurará que se instalen todas las dependencias tanto del backend como del frontend.

• La API estará disponible en: http://localhost:8080
• El frontend estará disponible en: http://localhost:3000
• La base de datos se puede visualizar mediante phpMyAdmin en: http://localhost:8081
• Podés usar esta colección de Postman para probar fácilmente los endpoints disponibles (registro, login, partidas, jugadas, etc.).

⚠️ Importante: Si se agregan nuevas dependencias o se actualiza composer.json, package.json o package-lock.json, asegurate de reconstruir la imagen afectada con:

docker-compose build frontend   # o `app` para el backend
docker-compose up -d

---

Detener la aplicación (conservando los datos de la base de datos):

docker-compose down

Detener y eliminar todos los datos de la base de datos (iniciar desde cero):

docker-compose down -v

---

Esquema de Base de Datos

El archivo init.sql contiene el esquema de base de datos provisto en la práctica.

---

Dependencias

Backend (PHP - Slim)

• slim/slim: Framework minimalista para APIs REST.
• slim/psr7: Implementación de PSR-7 para manejar solicitudes HTTP.
• php-di/php-di: Inyección de dependencias.

Frontend (React)

• axios: Cliente HTTP.
• react-bootstrap: Componentes visuales basados en Bootstrap.
• bootstrap: Framework de estilos CSS.

---