Blog Personal

Este proyecto es una aplicación web completa para gestionar un blog personal, compuesta por un backend en Spring Boot y un frontend en Angular.

Realmente esta práctica fue hecha con fines educativo por lo cual, se puede encontrar puntos a mejorar.

Este proyecto es una práctica realizada a partir de la página roadmap.sh

---

Tabla de Contenidos

• Descripción
• Tecnologías
• Estructura del Proyecto
• Instalación y Ejecución
  • Backend (Spring Boot)
  • Frontend (Angular)
• Uso
• API REST
• Licencia

---

Descripción

El Blog Personal permite crear, editar, eliminar y visualizar artículos de blog. El frontend está desarrollado en Angular y el backend en Spring Boot, comunicándose mediante una API REST. El backend utiliza MySQL como base de datos y MapStruct para el mapeo de entidades y DTOs.

---

Tecnologías

• Frontend: Angular 19, Bootstrap 5, RxJS, TypeScript
• Backend: Java 21, Spring Boot 3.5, Spring Data JPA, MapStruct, Lombok, MySQL
• Comunicación: API REST (JSON)
• CORS: Configurado para permitir peticiones desde http://localhost:4200

---

Estructura del Proyecto

/PersonalBlog
  ├── PersonalBlog (Backend - Spring Boot)
  └── personal-blog-frontend (Frontend - Angular)

---

Instalación y Ejecución

Backend (Spring Boot)

1. Requisitos: Java 21, Maven, MySQL
2. Configura la base de datos:
   Crea una base de datos MySQL y actualiza las credenciales en application.properties.
3. Instala dependencias y ejecuta:

   cd PersonalBlog
   mvn clean install
   mvn spring-boot:run

   El backend estará disponible en http://localhost:8080.

Frontend (Angular)

1. Requisitos: Node.js, npm
2. Instala dependencias y ejecuta:

   cd personal-blog-frontend
   npm install
   ng serve

   El frontend estará disponible en http://localhost:4200.

---

Uso

• Accede a http://localhost:4200 para usar la aplicación web.
• Puedes crear, editar, eliminar y ver artículos del blog desde la interfaz.

---

API REST

Método	Endpoint	Descripción
GET	/api/personal-blog	Listar todos los artículos
GET	/api/personal-blog/{id}	Obtener un artículo
POST	/api/personal-blog	Crear un artículo
PUT	/api/personal-blog/{id}	Editar un artículo
DELETE	/api/personal-blog/{id}	Eliminar un artículo

---

Licencia

Este proyecto está bajo la Licencia Apache 2.0.