Este repositorio agrupa una colección de proyectos desarrollados con Angular, orientados a la práctica, el aprendizaje y la demostración de diferentes conceptos, patrones y funcionalidades del framework Angular. Cada carpeta representa un proyecto independiente, con su propia configuración, dependencias y documentación específica.
El objetivo principal de este repositorio es servir como referencia y guía para desarrolladores que deseen aprender Angular desde cero, profundizar en temas avanzados, explorar integraciones con otras tecnologías (como TailwindCSS, Node.js, etc.), y contar con ejemplos prácticos de aplicaciones web modernas.
- Cada subcarpeta corresponde a un proyecto Angular independiente.
- Los proyectos incluyen desde juegos interactivos, clones de aplicaciones populares, paneles administrativos, hasta landing pages optimizadas para SEO.
- Cada proyecto cuenta con su propio archivo
README.mdcon instrucciones específicas.
Juego de memoria desarrollado en Angular. Permite a los usuarios ejercitar la memoria emparejando cartas iguales. Ideal para aprender sobre componentes, servicios y manejo de estado en Angular.
- Tecnologías: Angular, TypeScript, CSS
- Características: Lógica de juego, animaciones, manejo de rutas.
- Uso: Ejemplo de aplicación interactiva y dinámica.
Versión digital del clásico juego "Piedra, Papel o Tijera". Incluye lógica de turnos, animaciones y estilos personalizados con TailwindCSS.
- Tecnologías: Angular, TypeScript, TailwindCSS
- Características: Componentes reutilizables, manejo de eventos, integración de estilos modernos.
- Uso: Ejemplo de juego simple para practicar Angular y Tailwind.
Clon simplificado de la interfaz de Spotify. Permite explorar conceptos de diseño responsivo, manejo de rutas, componentes compartidos y organización modular.
- Tecnologías: Angular, TypeScript, TailwindCSS
- Características: Estructura modular, componentes de UI, navegación avanzada.
- Uso: Ejemplo de aplicación de streaming con enfoque en diseño y arquitectura.
Panel administrativo para gestión de usuarios, roles y permisos. Incluye ejemplos de formularios reactivos, tablas dinámicas y temas personalizados.
- Tecnologías: Angular, TypeScript, SCSS
- Características: Formularios, validaciones, diseño personalizado.
- Uso: Ejemplo de aplicación empresarial y administración.
Landing page optimizada para SEO, ideal para aprender sobre buenas prácticas de posicionamiento, metaetiquetas y rendimiento web.
- Tecnologías: Angular, TypeScript, CSS
- Características: Optimización SEO, estructura semántica, carga rápida.
- Uso: Ejemplo de página de presentación profesional.
Proyecto orientado a la gestión de cookies y seguridad en aplicaciones Angular. Incluye ejemplos de protección de rutas y manejo de sesiones.
- Tecnologías: Angular, TypeScript
- Características: Seguridad, manejo de cookies, protección de rutas.
- Uso: Ejemplo de buenas prácticas en seguridad web.
Repositorio de ejemplos y temas avanzados de Angular. Ideal para quienes buscan profundizar en el core del framework y explorar patrones avanzados.
- Tecnologías: Angular, TypeScript
- Características: Ejemplos avanzados, patrones de diseño, pruebas.
- Uso: Referencia para desarrolladores avanzados.
-
Clona el repositorio:
git clone https://github.com/BR7FORLIFE/Angular-Projects.git cd Angular-Projects -
Accede a la carpeta del proyecto que te interese:
cd 01-memory-match-angular -
Instala las dependencias:
npm install
-
Ejecuta el proyecto:
npm start # o ng serve -
Consulta el archivo
README.mdde cada proyecto para instrucciones específicas.
- Node.js (v16+ recomendado)
- Angular CLI instalado globalmente (
npm install -g @angular/cli) - Navegador web moderno
Las contribuciones son bienvenidas. Puedes crear issues para reportar errores o sugerir mejoras, y enviar pull requests con nuevas funcionalidades o correcciones.
Este repositorio se distribuye bajo la licencia MIT.