BLOGLIST
FULLSTACK OPEN

inmersión profunda en el desarrollo web moderno

Presentación

BlogNest es una aplicación web para la gestión de blogs, con la capacidad de crear, editar y eliminar publicaciones, dejar comentarios, y dar "likes" a las entradas. Cada usuario puede interactuar con los blogs de otros, visualizando una lista completa de publicaciones.

Desarrollado con un Frontend (React) y un Backend (Node.js) independientes entre sí, utilizando MongoDB, Express, Bootstrap, y Redux como principales librerías. La aplicación incluye autenticación de usuarios mediante JWT, lo que permite una experiencia segura y personalizada para cada usuario. Redux se utiliza para la gestión eficiente del estado global de la aplicación.

El backend está testeado con Supertest, asegurando la calidad de las rutas y la API, mientras que el frontend se prueba con React Testing Library, para verificar el comportamiento de la interfaz de usuario en distintos escenarios.

Además, para garantizar la integridad de todo el flujo de trabajo, desde el frontend hasta el backend, Playwright se utiliza para realizar pruebas de extremo a extremo (E2E). Estas pruebas simulan cómo un usuario interactuaría con la aplicación en un navegador real, verificando que todo el flujo (desde el registro de un usuario hasta la creación de un blog y la interacción con otras publicaciones) funcione sin interrupciones.

Desarrollo

En el desarrollo de la **BlogNest App**, comencé con la planificación, definiendo las funcionalidades principales y seleccionando las tecnologías adecuadas. Durante la fase de desarrollo del backend, implementé las rutas de la API para gestionar blogs y usuarios, configuré la autenticación y realicé pruebas para asegurarme de que el servidor funcionara correctamente. Luego, desarrollé el frontend creando los componentes de la interfaz, gestioné el estado de la aplicación con Redux y apliqué estilos para mejorar la experiencia del usuario.

Realicé pruebas en la interfaz para asegurar su correcto funcionamiento. Integré el frontend con el backend mediante llamadas API, verificando que las funcionalidades clave operaran como se esperaba. Finalmente, desplegué la aplicación en un entorno de producción y realicé un seguimiento continuo para hacer mejoras y ajustes según fuera necesario, manteniendo la calidad y añadiendo nuevas características.

Técnologias

  • Playwright
Bloglist image
Project Details IR SITIO WEB
Project Details IR AL CÓDIGO
certificate-fullstack-7-finlandes
Project Details VER CERTIFICADO
certificate-fullstack-7-ingles
Project Details VER CERTIFICADO