Configuración del examen practico.

Test_Full_Stack_Frentend Setup

Prerequisitos

El proyecto backend requiere trabajar con un entorno de MySQL

MySQL

1. Descargar e instalar docker, se puede encontrar aquí https://docs.docker.com/engine/install/
2. Ejecutar este comando en la raíz del repositorio: docker run --name mysql-examen -e MYSQL_ROOT_PASSWORD=root -e MYSQL_USER=examen -e MYSQL_PASSWORD=examen -e MYSQL_DATABASE=examen -v $(pwd)/mysqldatadir:/var/lib/mysql -v $(pwd)/db:/docker-entrypoint-initdb.d --platform linux/x86_64 -p 3306:3306 -d mysql:5.7
3. Quedará configurada una base de datos que se llama examen y los datos de conexión son host localhost, usuario examen, contraseña examen y puerto 3306

El proyecto backend requiere de Composer https://getcomposer.org/download/
El proyecto frontend requiere trabajar con NodeJS version 16.13 https://nodejs.org/en/ y yarn https://classic.yarnpkg.com/lang/en/docs/install

Instalacion del proyecto backend

1. Ir a la carpeta de su proyecto backend: cd backend
2. Instalar las dependencias del proyecto: composer install
3. Configurar la app para conectarse con el servidor de MySQL corriendo en docker
4. Crear un nuevo archivo .env: cp .env.example .env
5. Agregar sus propias credenciales de base de datos en el archivo .env en DB_DATABASE, DB_USERNAME, DB_PASSWORD
6. Generar la clave de la aplicación: php artisan key:generate
7. Habilitar link simbolico a la carpeta storage para poder ver las imagenes subidas: php artisan storage:link

Para puebas puede ejecutar el proyecto con php artisan serve

Instalacion del proyecto frontend

1. Ir a la carpeta del proyecto frontend: cd frontend
2. Instalar las dependencias del proyecto: yarn install
3. Crear un nuevo archivo .env: cp .env.example .env
4. REACT_APP_API_URL debe contener la URL de su proyecto backend (eg. http://localhost:8000/api)
5. REACT_APP_API_KEY_GOOGLE_MAPS debe contener su llave de google maps
6. REACT_APP_IMAGE_URL debe contener la URL del poyecto para imagenes (eg. http://localhost:8000)
7. Ejecute yarn start para iniciar la aplicación en un entorno de desarrollo local.