FullStack Social Feed App | React 19 | Spring Boot | Redis | Grafana | Postgres | System Design

Build a production-style full-stack social feed app from scratch with Spring Boot 4 and React 19. In this tutorial, I build FeedMe end to end and explain the complete flow from backend APIs to frontend UI. We start with the backend architecture, data flow, caching, and API testing in Postman, then move into the frontend and connect everything using modern React patterns. The project also includes Docker-based infrastructure and monitoring with Prometheus and Grafana. Github Link: https://github.com/shahbytes404/FeedMe What you’ll learn: how to build a backend with Spring Boot 4.0.6 and Java 17 how to design and test REST APIs with Postman how feed, follow, and post flows work how to use PostgreSQL 17 and Redis 7 in a real app how to build the frontend with React 19.1.0,TypeScript 5.9 how React components, hooks, API calls, loading states, and error boundaries work together how pagination, follow/unfollow, and post creation are handled in the UI how to containerize the app with Docker and Docker Compose how to monitor the system using Prometheus v3.2.1 and Grafana 11.4.6 Tech stack: Spring Boot 4.0.6, Java 17, PostgreSQL 17, Redis 7, React 19.1.0, TypeScript 5.9.2, Docker, Docker Compose, Prometheus 3.2.1, Grafana 11.4.6, Postman, Nginx This tutorial is for beginners and intermediate developers who want to understand how a real-world full-stack app is built, connected, containerized, and monitored. If you want more backend, frontend, system design, and full-stack tutorials like this, subscribe and follow along. #springboot #react19 #reactjs #typescript #java #postgresql #redis #docker #grafana #prometheus #postman #fullstack #webdevelopment Chapters: 00:00:00 Introduction Slides 00:06:28 Final Project Overview 00:08:40 Backend start 04:07:59 Retry & Idempotency 04:55:05 Async process flowchart 05:58:50 Post Event Consumer Flow 08:01:15 Postman testing & Redis CLI 08:21:40 Frontend start - React 19 10:17:40 useActionState() - React 19 11:15:25 useEffectEvent() - React 19