Primer paso: planificación del proyecto
¿Por qué elegí Angular, ASP.NET Web API y SQL Server para mi proyecto fullstack?
Introducción
Para este proyecto decidí trabajar con Angular en el frontend, ASP.NET Web API en el backend y SQL Server como sistema de gestión de base de datos. Esta combinación no solo responde a requerimientos académicos, sino que también refleja una arquitectura robusta, escalable y alineada con el patrón MVC.
¿Por qué Angular, ASP.NET Web API y SQL Server?
Angular
Angular es un framework mantenido por Google que permite construir interfaces dinámicas y reactivas. Lo elegí por:
Su estructura basada en componentes ideal para mantener el código modular.
Integración nativa con TypeScript lo que mejora la mantenibilidad.
Ecosistema sólido para formularios, rutas, servicios y pruebas.
ASP.NET Web API
ASP.NET Web API es perfecto para construir servicios RESTful. Mis razones fueron:
Alta integración con C# y .NET Core.
Seguridad, rendimiento y facilidad para definir endpoints.
Ideal para separar lógica de negocio del frontend.
SQL Server (Angular RDS)
El uso de SQL Server fue obligatorio en el contexto académico, pero también representa una solución madura y confiable para manejar datos estructurados. Utilicé SQL Server Management Studio (SSMS) para administrar la base de datos y realizar consultas.
Relación con el patrón MVC
Aunque Angular y ASP.NET Web API no implementan MVC de forma estricta como en aplicaciones monolíticas, el patrón sigue presente de forma distribuida:
| Componente | Rol en MVC | Tecnología |
| Modelo | Representa los datos y lógica | SQL Server |
| Vista | Interfaz de usuario | Angular (HTML + TypeScript) |
| Controlador | Maneja la lógica de flujo | ASP.NET Web API (Controllers) |
Esta separación permite mantener una arquitectura limpia donde cada capa tiene responsabilidades bien definidas.
Herramientas utilizadas
Visual Studio Code: Editor ligero y extensible para Angular y backend.
SQL Server Management Studio (SSMS): Para modelar y consultar la base de datos.
Git + GitHub: Control de versiones y colaboración.
Paso a paso para crear el proyecto
# Crear carpeta raíz del proyecto
mkdir angular-openai-api
cd angular-openai-api
# Inicializar repositorio Git
git init
git add .
git commit -m "primer commit"
git branch -M main
git remote add origin https://github.com/usuario/angular-aspnet-api.git
git push -u origin main
# Instalar Angular CLI si no está instalado
npm install -g @angular/cli
# Crear proyecto Angular en subcarpeta 'frontend'
ng new frontend --routing --style=scss
cd frontend
ng serve & # Ejecuta Angular en segundo plano
# Volver a la raíz para crear el backend
cd ..
# Crear proyecto ASP.NET Web API en subcarpeta 'backend'
dotnet new webapi -o backend
cd backend
dotnet run & # Ejecuta el backend en segundo plano
# Volver a la raíz para subir todo a GitHub
cd ..
git add .
git commit -m "Inicio del proyecto"
git push
Tiempo que se tomó para dicha planificación e inicio del proyecto
Investigación: 3 horas
Creación de proyecto: 1 hora.
Fecha: 01/09/2025