OurBlog Community Forum

Overview

OurBlog is a community-driven web application inspired by popular webboards. It provides a platform for users to register, publish articles, share opinions in comment sections, and express themselves through emoji reactions. This project was purposefully developed as a hands-on learning experience to deeply understand the mechanics of connecting a modern React frontend with a scalable NestJS backend, while also exploring backend containerization using Docker.

Key Features

• User Authentication: Secure login and registration system to manage user identities and protect article creation.
• Content Management (CRUD): Allows users to create, read, update, and delete their own articles seamlessly.
• Interactive Engagements: Features a dynamic commenting engine complete with interactive emoji reactions to boost user engagement.
• Containerized Backend: The entire NestJS backend environment is containerized using Docker, ensuring consistent deployment and scalability.

Challenges & Solutions

Challenge: The primary goal was learning how to establish smooth RESTful communication between the frontend and backend. Specifically, managing the state of dynamic interactions—like instantly updating emoji reaction counters without causing UI lag—and configuring Docker for a local development environment presented steep learning curves.

Solution: I designed a clean REST API architecture using NestJS to handle data transactions securely. On the frontend, I utilized React hooks to implement "optimistic UI updates," allowing the interface to reflect user interactions instantly while syncing with the server in the background. Additionally, I successfully wrote Dockerfiles to containerize the NestJS API, which eliminated "it works on my machine" issues and provided a solid foundation for DevOps practices.