📝 Control de Gastos y Presupuestos

Aplicación web moderna para gestionar gastos y presupuestos, desarrollada con React, Vite y TypeScript.
Incluye Context API y Reducer para el manejo global del estado, Custom Hooks para lógica reutilizable, TailwindCSS para estilos y LocalStorage para persistencia de datos.

---

Tecnologías principales

---

Funcionalidades clave

• Visualización del presupuesto

  • react-circular-progressbar para mostrar porcentaje gastado

• Gestión de gastos

  • react-swipeable-list para deslizar y eliminar (izquierda) o editar (derecha)
  • uuid para generar IDs únicos

• Ingreso y edición de gastos

  • Modal con @headlessui/react
  • Icono de acción con @heroicons/react

• Helpers personalizados

  • Formatear cantidades en dólares
  • Formatear fechas en formato largo

• Selección de fechas

  • react-calendar y react-date-picker

• Persistencia de datos

  • Guardado automático en LocalStorage

---

Capturas de pantalla

• Modal para agregar/editar gastos

• Lista con swipe actions

• Barra circular de progreso

---

Instalación y uso

1. Clona el repositorio:

   git clone https://github.com/JuanZ-Dev/control-gastos.git
   

2. Entrar al directorio:

   cd control-gastos
   

3. Instalar dependencias:

   npm install
   

4. Ejecutar el proyecto:

   npm run dev
   

5. Abre en el navegador:

   http://localhost:5173
   

---

Autor

Juan Zapata Durand 🚀