Un sistema completo de login y registro desarrollado en Angular con diseño moderno y funcionalidades avanzadas.

• Login y Registro: Formularios completos con validación
• Protección de Rutas: Guardias de autenticación implementados
• Persistencia de Datos: Almacenamiento en localStorage
• Diseño Responsive: Interfaz moderna y adaptable
• Dashboard: Panel de usuario con información detallada
• Animaciones: Transiciones suaves y atractivas

• Node.js (versión 18 o superior)
• npm o yarn

1. Clonar el repositorio:

git clone https://github.com/raulrobinson/angular-authentication

2. Instalar dependencias:

npm install

3. Ejecutar el proyecto:

ng serve

4. Abrir en el navegador:

http://localhost:4200

src/
├── app/
│   ├── components/
│   │   ├── login/          # Componente de login
│   │   ├── register/       # Componente de registro
│   │   └── dashboard/      # Panel de usuario
│   ├── models/             # Modelos de datos
│   │   └── auth-models.ts    # Modelo de usuario
│   ├── services/
│   │   └── auth.ts         # Servicio de autenticación
│   ├── guards/
│   │   └── auth-guard.ts   # Guardia de autenticación
│   ├── app.routes.ts       # Configuración de rutas
│   └── app.config.ts       # Configuración de la aplicación
└── styles.scss             # Estilos globales

• Formulario de inicio de sesión
• Validación de campos requeridos
• Manejo de errores
• Redirección automática al dashboard

• Formulario de creación de cuenta
• Validación de contraseñas
• Verificación de campos
• Redirección automática al dashboard

• Información del usuario
• Funcionalidades disponibles
• Botón de cerrar sesión
• Diseño responsive

• Guardias de ruta
• Persistencia de sesión
• Manejo de tokens
• Logout automático

El sistema utiliza un diseño moderno con:

• Gradientes atractivos
• Sombras y efectos visuales
• Animaciones suaves
• Paleta de colores coherente
• Tipografía legible

• Validación de formularios
• Protección de rutas
• Manejo seguro de tokens
• Limpieza de datos al logout

El diseño es completamente responsive y funciona en:

• Dispositivos móviles
• Tablets
• Escritorio

Para desplegar en producción:

  ng build --configuration production

1. Fork el proyecto
2. Crea una rama para tu feature
3. Commit tus cambios
4. Push a la rama
5. Abre un Pull Request

Este proyecto está bajo la Licencia MIT.

Si tienes alguna pregunta o problema, por favor abre un issue en el repositorio.

¡Disfruta usando el sistema de autenticación! 🎉