Overview
BlogNest is a web application for managing blogs, with the ability to create, edit, and delete posts, leave comments, and like entries. Each user can interact with other blogs, viewing a complete list of posts.
Developed with a standalone Frontend (React) and Backend (Node.js), using MongoDB, Express, Bootstrap, and Redux as main libraries. The application includes user authentication via JWT, allowing a secure and personalized experience for each user. Redux is used for efficient global state management.
The backend is tested with Supertest, ensuring the quality of routes and the API, while the frontend is tested with React Testing Library to verify UI behavior in different scenarios.
Additionally, to ensure the integrity of the entire workflow, from frontend to backend, Playwright is used for end-to-end (E2E) testing. These tests simulate how a user would interact with the application in a real browser, verifying that the entire flow (from user registration to blog creation and interaction with other posts) works seamlessly.
Development
In the development of the **BlogNest App**, I started with planning, defining the main features, and selecting the right technologies. During the backend development phase, I implemented API routes for managing blogs and users, set up authentication, and performed tests to ensure the server worked correctly. Then, I developed the frontend by creating UI components, managed the application state with Redux, and applied styles to enhance user experience.
I performed interface tests to ensure proper functionality. I integrated the frontend with the backend via API calls, verifying that key features operated as expected. Finally, I deployed the application in a production environment and continuously monitored it for improvements and adjustments as needed, maintaining quality and adding new features.