FullStack Chat App (1) | React 19 | Java | Redis | Postgres | Docker | Liquibase | Grafana | System
ShahBytes
0:00 / 0:00
FullStack Chat App (1) | React 19 | Java | Redis | Postgres | Docker | Liquibase | Grafana | System
6 228 просмотров · 2 дня назад
ShahBytes
1,37 тыс. подписчиков
6 228 просмотров · 2 дня назад
ChatHub — Part 1 | Building the Backend with Spring Boot
In this series, we are building ChatHub, a WhatsApp-like chat application from scratch using Java, Spring Boot, PostgreSQL, React, Redis, WebSocket, Docker, Grafana, and other production-oriented technologies.
In Part 1, we focused on building the core backend and implementing the fundamental chat functionality.
Chapters:
00:00:00 Introduction
00:19:57 HLD & LLD
02:07:08 Backend start
03:05:21 Auth
05:38:48 Conversations
08:27:57 Messages
What We Built
Spring Boot project setup
PostgreSQL database
Liquibase database migrations
Hibernate schema validation
User registration and login
Spring Security and JWT authentication
Protected APIs
Global exception handling
Conversations and conversation members
Direct and group conversations
Membership and authorization rules
Message sending
Message sequencing
Idempotent message sending
Message receipts
SENT
DELIVERED
READ
User blocking and block-aware message delivery
The goal of Part 1 was to establish the core backend and business rules before introducing realtime and distributed infrastructure.
What's Coming Next
In the upcoming parts, we'll continue building ChatHub step by step.
Backend:
Rate limiting
System messages
Redis
Redis Pub/Sub
WebSocket and realtime messaging
Outbox pattern
Push notifications
Message edit and delete
Message search
Presence
Typing indicators
Multi-device support
Frontend:
React UI
Login and registration
Conversation list
Chat interface
Message status and receipts
Realtime messaging
Typing indicators
Online/offline presence
Group conversations
Infrastructure and monitoring:
Docker and Docker Compose
Redis and PostgreSQL containers
Grafana
Application metrics
Monitoring and observability
By the end of the series, we'll have a full-stack realtime chat application with a production-oriented architecture.
Source Code
GitHub Repository:
https://github.com/shahbytes404/ChatHub
Tech Stack
Java | Spring Boot | Spring Security | PostgreSQL | Liquibase | JWT | React | Redis | WebSocket | Docker | Grafana
More parts coming soon.
#Java #SpringBoot #PostgreSQL #React #Redis #WebSocket #Docker #Grafana #BackendDevelopment #FullStackDevelopment #ChatApp #SoftwareEngineering