🌙 Moonlit – Proyecto Final Frontend (Curso Full Stack)

Este repositorio contiene la parte Frontend del proyecto final del curso de Desarrollo Full Stack. Está desarrollado en Angular con TypeScript, HTML y CSS.

🔄 Estado del Proyecto

⚠️ En proceso de desarrollo

🛠️ Herramientas Utilizadas

• Angular
• TypeScript
• HTML
• CSS

👉 Repo con apuntes

Pendientes

• 🎨 Mejorar el CSS para ser más fiel al prototipo de Figma
• 🔌 Implementar llamadas a APIs externas
• 🔧 Utilizar lo aprendido en Backend para generar endpoints propios y consumirlos desde la web

---

🎯 Objetivo

• Desarrollar la interfaz de usuario y la lógica de presentación.
• Aplicar componentes, directivas, servicios y ruteo en Angular.
• Construir una aplicación web moderna y funcional.

---

🖼️ Preview

Home de Moonlit

Prototipo en Figma

👉 Ver diseño en Figma

---

📂 Estructura del trabajo

• Ejercicios iniciales → creación de componentes, variables, directivas (*ngIf, *ngFor), estilos y comunicación padre-hijo.
• Servicios → inyección de dependencias para compartir datos entre componentes.
• Ruteo y navegación → estructuración de vistas con router-outlet.
• Integración con APIs → consumo de datos externos mediante HttpClient.
• Accesibilidad y mejoras → incorporación de ARIA y prácticas recomendadas.

Cada ejercicio se implementa como un componente o módulo dentro de la aplicación.

---

🚀 Ejecución del proyecto

Instalar dependencias:

npm install

Levantar el servidor de desarrollo:

ng serve