Desarrollo Full-Stack: Creando un Blog Dinámico con Angular y Flask

El Frontend con Angular

Para la parte del cliente, elegí Angular por su robustez, su estructura modular y su capacidad para crear Single Page Applications (SPAs) interactivas. El panel de administración permite una gestión intuitiva de categorías y publicaciones, incluyendo un editor de contenido flexible con distintos tipos de bloques (títulos, párrafos, imágenes, listas)

• Gestión de Contenido: Desarrollo de un CRUD completo para artículos y categorías.
• Editor de Bloques: Implementación de un sistema de bloques de contenido que permite estructurar cada post de manera dinámica, eligiendo entre texto, imágenes, títulos, etc.
• Interfaz de Usuario: Diseño responsivo para una experiencia óptima en diferentes dispositivos

El Backend con Flask (Python)

El corazón de la aplicación reside en el backend desarrollado con Flask, un microframework de Python. Aquí construí una API RESTful robusta que maneja la lógica de negocio, la interacción con la base de datos y la autenticación de usuarios.

• API RESTful: Creación de endpoints para la gestión de artículos, categorías y usuarios, siguiendo los principios REST.
• Base de Datos: Integración con MySQL (o PostgreSQL si es el caso) a través de SQLAlchemy ORM, lo que facilita la interacción con la base de datos.
• Seguridad: Implementación de autenticación basada en JWT (JSON Web Tokens) con Flask-JWT-Extended, asegurando el acceso seguro a las rutas protegidas.
• Gestión de Archivos: Desarrollo de funcionalidades para la subida y el servicio de imágenes (archivos estáticos), vital para el contenido multimedia de los posts.

Integración y Desafíos

El mayor desafío de este proyecto fue la integración fluida entre el frontend y el backend, asegurando que la comunicación a través de la API fuera eficiente y segura. Esto incluyó la gestión de CORS (Cross-Origin Resource Sharing) y el manejo de los flujos de autenticación y autorización. La creación de la interfaz de administración del blog fue un punto clave para demostrar la capacidad de construir herramientas de gestión de contenido personalizadas.

Este proyecto de blog no solo me permitió consolidar mis habilidades en el desarrollo full-stack con Angular y Flask, sino también aprender a diseñar arquitecturas de aplicaciones web completas y robustas. Es un ejemplo claro de mi capacidad para construir soluciones web dinámicas y modernas.