Proyecto de Gestión de Gastos - S.8 Inprocode

Este proyecto tiene como objetivo desarrollar una aplicación de gestión de gastos utilizando React, Redux o Context API, y diferentes librerías para la representación de datos. En el caso de este proyecto en particular he usado Context.

Ejercicio 1

En este ejercicio, se establece la base del proyecto y se define la lógica para servir los datos necesarios a los componentes de la aplicación.

Tareas realizadas:

• Creada la estructura inicial del proyecto con los componentes de React necesarios.
• Definido los datos en Contexto que serán utilizados por la aplicación.
• Implementada la lógica en Contexto para proporcionar los siguientes datos:
  • Balance de gastos
  • Gasto de hoy
  • Porcentaje de variación entre ayer y hoy
  • Datos para la gráfica

Ejercicio 2

Este ejercicio se ha mostrado el balance total de gastos de la semana y se han escritos los tests unitarios correspondientes utilizando Vitest.

Tareas realizadas:

• Mostrado el componente con el balance total de gastos de la semana.
• Test unitario en Vitest para cada funcionalidad implementada.

Ejercicio 3

En este ejercicio, se utiliza una librería de gráficos Chart.js para representar los gastos semanales al usuario.

Tareas realizadas:

• Utilizada una librería Chart.js para mostrar la gráfica de los gastos semanales.
• Adaptado el estilo de la gráfica según las necesidades del proyecto.
• Test unitario en Vitest para validar la funcionalidad de la gráfica.

Ejercicio 4

Se implementa la visualización de los gastos totales de hoy y el porcentaje de variación respecto a ayer, junto con sus pruebas correspondientes realizadas:

• Mostrados los gastos totales de hoy.
• Calculados y mostrados el porcentaje de variación respecto a los gastos de ayer.
• Test unitario en Vitest para validar estas funcionalidades.

Ejercicio 5

En este ejercicio, se implementa el multilingüismo utilizando la librería i18n y se asegura que el cambio de idioma sea inmediato en toda la aplicación.

Tareas realizadas:

• Multilingüismo implementado utilizando la librería i18n.
• Garantizado que al cambiar el idioma(Ingles, Castellano o Catalan), y que todos los textos de la aplicación se actualicen automáticamente.
• Test unitario en Vitest para verificar el funcionamiento del multilingüismo.

Ejercicio 6

• Proyecto subido a Vercel con link: https://s8-inprocode-ze.vercel.app/