Frontend

Este repositorio contiene el código del frontend de "Caribbean Wallet". Es una aplicación de una plataforma de Billetera Móvil basada en el dominio de e-Banking.

Instalación

Asegúrate de tener instalado Node.js y npm en tu sistema.

1. Clona el repositorio:

   git clone git@github.com:Ingenieria-En-Software-2/Frontend.git

2. Navega hasta el directorio del proyecto:

   cd Frontend

3. Instala las dependencias:

   make install

Tecnologías utilizadas

Dependencies

• @emotion/react v11.11.0
• @emotion/styled v11.11.0
• @fortawesome/fontawesome-svg-core v6.4.0
• @fortawesome/free-solid-svg-icons v6.4.0
• @fortawesome/react-fontawesome v0.2.0
• @mui/material v5.13.1
• path v0.12.7
• React v18.2.0
• React Dom v18.2.0
• React Router Dom v6.11.2
• vite-tsconfig-paths v4.2.0

DevDependencies

• @types/node v20.2.1
• @types/react v18.0.28
• @types/react-dom v18.0.11
• @typescript-eslint/eslint-plugin v5.57.1
• @typescript-eslint/parser v5.57.1
• @vitejs/plugin-react v4.0.0
• autoprefixer v10.4.14
• eslint v8.41.0
• eslint-config-react-app v7.0.1
• eslint-plugin-react-hooks v4.6.0
• eslint-plugin-react-refresh v0.3.4
• postcss v8.4.23
• tailwindcss v3.3.2
• typescript v5.0.2
• vite v4.3.2

Ejecución

1. Ejecuta el proyecto en modo de desarrollo:

   make run

   Esto iniciará el servidor de desarrollo y la aplicación estará disponible en http://localhost:5173/

2. Otros comandos disponibles:

   • Compila el proyecto para producción.

     make build

   • Ejecuta el linter para verificar el código.

     make lint

   • Inicia un servidor para previsualizar la compilación de producción.

     make preview

     Setup

Add .env in the root folder and add the following variables:

VITE_API_URL="http://<ip of backend>:<port of backend>/api"

If you run the backend locally, it will the ip of the backend will be the ip of your machine you can use localhost, the port will be the one you set when you run the backend, the default is 5000

Run frontend in local

npm install
npm run dev

Run the frontend and the server for the Google ReCaptcha locally

npm install
npm run captcha

Run Frontend with docker compose

docker-compose up --build -d

In localhost, frontend service will be started at 5173 port