Skip to main content

Command Palette

Search for a command to run...

Primer paso: planificación del proyecto

Published
3 min read

¿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:

ComponenteRol en MVCTecnología
ModeloRepresenta los datos y lógicaSQL Server
VistaInterfaz de usuarioAngular (HTML + TypeScript)
ControladorManeja la lógica de flujoASP.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