Frontend de Oran, una aplicación web de billetera virtual diseñada para ofrecer una experiencia de usuario fluida, rápida y moderna. Este proyecto consume una API RESTful construida en Spring Boot.
- Autenticación Segura: Flujos de Login y Registro optimizados con validaciones reactivas en tiempo real.
- Dashboard Principal: Una página de inicio que muestra todo lo necesario como el balance, acciones principales y transferencias recientes.
- Lista de Contactos: Selección de contactos recientes y búsqueda de nuevos contactos mediante Alias o CVU.
- Selección de Monto: Componente con identidad visual que permite introducir el monto y un detalle para poder transferir.
- Comprobantes Detallados: Generación y visualización de recibos de transferencias con un diseño limpio e indicadores de usuario.
- Historial de Transacciones Dinámico: Panel con paginación del lado del servidor (Server-side pagination) para manejar grandes volúmenes de datos sin perder rendimiento.
- Filtros Avanzados: Búsqueda en tiempo real (con debounce) por nombre, rango de fechas, montos y tipos de transacción.
- Modo Oscuro/Claro Nativo: Interfaz adaptable con variables CSS puras para una transición de temas perfecta y sin parpadeos.
- Framework: Angular
- Lenguaje: TypeScript
- Estilos: CSS3 (Variables globales, Flexbox, Grid, Animaciones y Keyframes)
- Manejo de Estado y Asincronía: RxJS (Observables, Signals)
- Formularios: Reactive Forms
Para correr este proyecto en tu entorno local, vas a necesitar tener instalado Node.js y Angular CLI.
-
Clonar el repositorio:
git clone https://github.com/CastroLautaro1/Billetera-Front.git
-
Navegar al directorio del proyecto:
cd Billetera-Front -
Instalar las dependencias:
npm install
-
Ejecutar el servidor de desarrollo:
ng serve
El proyecto sigue una arquitectura modular y escalable típica de Angular:
-
/core: Servicios singleton (HTTP, Autenticación, Guards).
-
/shared: Componentes reutilizables, modelos e interfaces.
-
/features: Módulos principales de la aplicación (Auth, Home, History, Transaction).
Lautaro Castro - Full Stack Developer - LinkedIn