Volver a proyectos
Proyecto Aplicación Web 3 días

Sistema de Gestión de Tareas

Aplicación web completa para gestión de tareas con Angular y Node.js. Arquitectura DDD, autenticación de usuarios, CRUD completo y despliegue automatizado con CI/CD en Firebase.

Angular 17 Node.js TypeScript Express.js Firebase Firestore Angular Material GitLab CI/CD

Preview

En acción

Dashboard de tareas

Dashboard de tareas

Funcionalidades

Sistema de autenticación por email

Gestión completa de tareas (CRUD)

Interfaz responsive con Angular Material

API RESTful con Node.js y TypeScript

Base de datos Firebase Firestore

Arquitectura DDD en backend

Despliegue automatizado con GitLab CI/CD

Stack

Angular 17 Node.js TypeScript Express.js Firebase Firestore Angular Material GitLab CI/CD

Detalles

Cliente Prueba Técnica
Duración 3 días
Año 2024
Categoría Aplicación Web

Diseño técnico

Arquitectura y Diseño

Frontend — Angular 17

SPA con Angular Material, rutas protegidas por guards y comunicación con el backend vía servicios HTTP con interceptores JWT.

Backend — Node.js DDD

API RESTful en Express.js con arquitectura Domain-Driven Design: capas de dominio, aplicación e infraestructura bien separadas.

Base de Datos — Firestore

Firebase Firestore como base de datos NoSQL en tiempo real. Reglas de seguridad configuradas por usuario autenticado.

CI/CD — GitLab

Pipeline automatizado que valida, construye y despliega en Firebase Hosting en cada push a la rama principal.

Funcional

Módulos del Sistema

Autenticación de Usuarios

Sistema de login simple por email con creación automática de usuarios nuevos y navegación inteligente según estado de sesión.

Gestión de Tareas

CRUD completo con título, descripción, fecha de creación y estado de completado. Ordenamiento por fecha descendente.

Interfaz Responsive

Diseño adaptativo con Angular Material que funciona en dispositivos móviles, tablets y escritorio.

API RESTful

Endpoints para gestión de usuarios y tareas con validaciones, manejo de errores y documentación completa en Express.js.

Galería

Capturas

Pantalla de autenticación

Pantalla de autenticación

App WebAngularNode.jsFirebasePrueba Técnica