💰 Finance Manager

Finance Manager es una aplicación web desarrollada con React + Vite que permite organizar y visualizar tus finanzas personales de forma sencilla e intuitiva.
Actualmente es una versión frontend (sin backend), pensada como prototipo funcional del futuro sistema completo de gestión financiera.

---

🚀 Demo

🔗 finance-manager-six-beta.vercel.app

---

🧩 Características principales

• 📊 Control de Gastos e Ingresos: registra tus transacciones con tipo, importe, categoría y descripción.
• 💵 Resumen Financiero: muestra el balance total, ingresos y gastos acumulados.
• 📈 Gráficos Financieros: visualiza tus movimientos de forma clara e interactiva.
• 📝 Notas Personales: espacio para registrar recordatorios o ideas.
• ⏰ Recordatorios Fijados: crea notas con fecha, por ejemplo:
  • “Pagar el alquiler el día 5” → 21/10/2025
  • “Ahorrar para vacaciones” → 21/10/2025

---

🧱 Tecnologías utilizadas

• ⚛️ React JS - Vite – Biblioteca principal para la interfaz, herramienta de build ultrarrápida.
• 🎨 CSS Modules / SCSS – Estilos personalizados.
• 📊 Chart.js – Visualización de datos financieros.
• 💬 React Hooks y useState/useEffect – Manejo de estado local.

---

🧰 Instalación y ejecución local

1. Clonar el repositorio:

   git clone https://github.com/ggabi40/FinanceManager.git

2. Instalar dependencias:

   npm install

3. Ejecutar el entorno de desarrollo:

   npm run dev

4. Abrir en el navegador:

   http://localhost:5173/

---

📅 Próximas funcionalidades

🔜 En desarrollo:

• 🔐 Sistema de autenticación (login y registro).
• ☁️ Integración con backend (Node.js + Express + SQLite o PostgreSQL).
• 💾 Persistencia de datos y estadísticas históricas.
• 🧮 Categorización automática de gastos.
• 📱 Versión responsive optimizada para móvil.

👩‍💻 Desarrollado con 💖 por Gabriela Carvalho Baptista