Lets Build Twitter From the Ground Up: Episode 296 || Java, Spring Boot, PostgreSQL and React

Building large scale application is more difficult than many people understand or expect. Join me in this long running series where I set out to duplicate one of the most popular social media platforms ever creating using Java, Spring Boot, Spring Security, PostgreSQL data, React JS web application framework and more.

In this episode, we begin building the CommunityPostsHero component, which serves as the primary header and interaction hub for a community page. We display the community banner, name, type labels, description, and member count while integrating StackedProfilePictures to visually represent the community’s membership. We add conditional UI behavior that detects whether the logged-in user is a member, enabling join, leave, invite, share, and notification actions accordingly. To support these actions, we introduce contextual option popups for spotlighting, sharing, and inviting users, each rendered through a reusable CommunityPostsHeroOptionPopup component with click-outside handling. We also wire the hero controls to Redux actions for joining or leaving a community and opening related modals. Finally, we begin styling the hero section to match the platform’s design language and integrate the component into the CommunityPosts page, establishing the foundation for the full community header experience.

Up to date assets zip for Logos, Images, etc: https://drive.google.com/drive/folders/1AVFdE3uq4GBeJYqZs8E9cCsuk_De8yaN?usp=sharing

~~~ How to gain access to the private Github Repository ~~~
Join the Silver Tier channel membership below and fill out the form
https://www.youtube.com/channel/UCOVeQepH1fCRgxeH6kuz7OQ/join

~~~ Live Streaming Schedule ~~~
Monday & Wednesday Morning: 5:00 AM - 7:00 AM CST
Friday & Saturday Evening: 11:00 PM - 1:00AM CST

~~~ Support the Channel by Joining as a Member ~~~
https://www.youtube.com/channel/UCOVeQepH1fCRgxeH6kuz7OQ/join

~~~ Stay Up To Date With My Social Media ~~~

Twitter: https://twitter.com/UnknownKoder
Twitch: https://www.twitch.tv/unknownkoderyt
Be sure to subscribe and turn on the bell notifications on youtube to not miss another episode of Lets Build Twitter: shorturl.at/gnxZ8

Feeling Generous? Donate to the stream to help cover equipment and upgrade costs at:
https://streamlabs.com/unknownkoder/tip

#JavaProgramming #SpringBoot #UnknownKoder

Видео Lets Build Twitter From the Ground Up: Episode 296 || Java, Spring Boot, PostgreSQL and React канала Unknown Koder