Permite registrar una cantidad específica de dinero y apartir de ahi crear, editar y eliminar gastos. Puedes probarla tú mismo desde el siguiente enlace.
🎉 Mira la versión de este proyecto en React 🎉. Consulta el repositorio o prueba directamente la aplicación. Implementa Tailwind CSS y Local Storage para la persistencia de datos.
- Importa la base de datos desde el archivo control_gastos.sql.
- Accede a la carpeta includes/config y edita el archivo database.php con tus respectivos datos de conexión a la base de datos (host, usuario, contraseña y base de datos).
- Situate en la carpeta raíz del proyecto y abre la terminal. Ejecuta el comando
npm i. - Ejecuta el servidor web con XAMPP o el servidor de desarrollo de PHP. Para este último, abre la terminal y ejecuta el comando
php -S localhost:<PUERTO>.
La aplicación permite crear ingresos y egresos y sumarlos o restarlos (según sea el caso) a una cantidad definida por el usuario. Veamos su funcionamiento.
En la siguiente imagen, podemos ver la página de inicio de la aplicación. Tenemos dos botones, uno para establecer una cantidad y otro para agregar un ingreso o egreso. Debajo, veremos la lista de ingresos y egresos.
Actualicemos la cantidad disponible en nuestro presupuesto. Para ello, damos clic en el botón "Modificar cantidad". Debemos colocar la cantidad disponible y a continuación dar clic en "Guardar".
Ahora podemos crear un nuevo registro. Damos clic en el botón "Agregar registro" en la página de inicio, que nos llevará a la siguiente página. Colocamos los respectivos datos y damos clic en "Guardar".
Podremos ver una confirmación, como se muestra en la siguiente imagen.
Asimismo, podemos editar nuestros registros. En la siguiente imagen modificamos la cantidad, de $755 a $180.
Si agregamos más registros los veremos listados en la página inicial.
Para eliminar un registro, damos clic en el botón rojo, lo cual generará una alerta de confirmación.
A continuación, podemos ver la confirmación de que el registro ha sido eliminado. También podemos observar que la cantidad disponible se ha actualizado; si eliminamos un ingreso, la cantidad de este se resta de la cantidad disponible. Si eliminamos un egreso, la cantidad se suma a la cantidad disponible.
