Esta app permite a los usuarios llevar un seguimiento de los egresos o gastos que lleva en el día a día a traves de una interfaz fácil de usar y visualmente atractiva. El usuario ingresa un presupuesto inicial y selecciona la moneda de su pais. El panel principal le mostrará el presupuesto introducido, se reflejará la suma de todos los gastos (que en un iicio empuieza en 0), la moneda seleccionada y lo restante al presupuesto inicial, a demás todo estos datos se verán reflejados en un gráfico circular. Dichos gastos pueden ser agregados a traves de un formulario llenando los campos como, nombre del gasto, el precio, y la categoria. Si queremos eliminar o editar un gasto podemos deslizar en ese gasto de izquierda o derecha. Ahora si tenemos una gran cantidad de gastos, podemos filtrarnos por las categorias para una mejor visualización. Adicionalmente posee tres botones, uno para editar el presupuesto inicial, otro para reiniciar la app y el ultimo para descargar un factura con todos sus gastos reflejados en formato de imagen png.
Esta herramienta es útil para aquellos que buscan tener una mejor gestión de sus gastos personales y mantenerse al tanto del total de sus egresos,bien sea en un día, una semana, mes o año.
Link deploy:
Sistema de control de gastos
- npm install
- npm run dev
- Responsividad: visualización de la app en cualquier dispositivo.
- Presentación: visualización inicial de la app en en el escritorio.
- Panel principal: Vista general de la app con presupuesto inicial.
- Nuevo gasto: Añadiendo nuevo gasto (seleccionando el boton "+") al panel a traves del formulario.
- Editando presupuesto: modificando presupuesto inicial por si hubo un error.
- Editando gasto: al seleccionar un gasto u deslizarlo a la izquierda (editar) o derecha (borrar) pode editar o borrarlo.
- Filtrar gastos: También podemos filtrar gastos dependiendo de la categoria.
- Descargar Factura: Podemos descargar una factura con todos los gastos reflejados en formato PNG.