SpendList
SpendList
¡Bienvenido a SpendList, una app web para gestionar listas de compras y controlar gastos!
Descripción
SpendList es una aplicación web inteligente y moderna concebida para transformar la manera en la que haces tus compras. Con un enfoque especial en el monitoreo y control de gastos en tiempo real, permite a los usuarios organizarse eficazmente calculando automáticamente el costo total y ofreciendo un desglose pormenorizado por artículo. La plataforma fue diseñada con dos modos de almacenamiento flexibles: un modo “demo” funcional basado en localStorage para pruebas ágiles y sin registro. Actualmente, se encuentra en desarrollo activo su integración nativa con Astro DB y Turso (SQLite) para brindar una persistencia completa en la nube. Adicionalmente, cuenta con un diseño fluido, modo oscuro integrado y una interfaz pensada particularmente para brindar la mejor experiencia en dispositivos móviles y de escritorio.
Tecnologías Utilizadas
SpendList está desarrollado con un stack técnico ágil y robusto para asegurar máximo rendimiento:
- Astro y React: La combinación ideal para construir una interfaz interactiva ultrarrápida aprovechando el renderizado híbrido.
- TypeScript: Garantiza la fiabilidad del código mediante tipado estático estricto.
- Tailwind CSS: Posibilita un diseño adaptable, moderno e implementable de manera rápida.
- Radix UI y Lucide Icons: Proveen componentes accesibles de alta calidad (como diálogos y selectores) y una iconografía uniforme y estilizada.
- Turso (SQLite) y Astro DB: Infraestructura de base de datos eficiente y rápida manejada desde el edge para almacenamiento persistente.
- Vercel: Empleado para el despliegue automático y hosting continuo de la aplicación.
Funcionalidades Clave
Las características principales que hacen de SpendList una herramienta indispensable incluyen:
-
Gestión Inteligente y Ágil de Listas
- Creación, modificación y eliminación rápida de listas de compra.
- Organización adaptada a las necesidades diarias de categorización y prioridad.
-
Control Financiero en Tiempo Real
- El sistema calcula de inmediato el precio total de tu lista desglosándolo por artículo introducido.
- Acceso a estadísticas y gráficos visuales sobre cantidades e importes acumulados.
- Permite monitorear tu presupuesto planificado contra tu gasto actual de forma sencilla.
-
Administración Detallada de Artículos
- Añade artículos especificando cantidades, precios y notas aclaratorias.
- Controla fácilmente cuáles ítems han sido adquiridos (“comprados”) y cuáles siguen pendientes.
-
Experiencia de Usuario de Primer Nivel
- UI muy limpia, con modo oscuro y modo claro accesibles con un solo clic.
- Diseño full responsivo adaptado cuidadosamente a las tareas on-the-go en el celular.
-
Formatos de Almacenamiento Adaptables
- Modalidad Demo (Activa) que recurre al almacenamiento local (localStorage) para facilitar un acceso instantáneo, rápido y sin registros.
- Modalidad Permanente (En desarrollo) con Turso, planeada para resguardar de manera segura la información en la nube y sincronizar datos.
Capturas de Pantalla
Página Principal

Nueva Lista

Mis Listas

Estado del Proyecto
SpendList se mantiene en una evolución constante, priorizando siempre el rendimiento y la facilidad de uso. Las capacidades críticas como la gestión financiera en tiempo real, el almacenamiento demo y el diseño responsivo ya operan a la perfección. Mi enfoque principal en el roadmap actual es concluir e implementar definitivamente la integración con Turso DB para lograr la persistencia de datos general, para así luego abordar la exportación portátil de listas.
Comentarios
Si se te ocurre alguna forma en la que SpendList podría resolver mejor tus problemas a la hora de comprar, ¡estoy encantado de escucharte! Tu retroalimentación permite que esta herramienta evolucione de manera útil para facilitar tu cotidianidad.
Este es el espacio de SpendList, una aplicación construida con enfoque y pasión para hacer que tus compras diarias sean planificadas y sin estrés. ¡Gracias por usarla y no te pierdas mis siguientes actualizaciones!