Full-Stack Angular & .NET 10 Social App (Real-Time) [2026]

Install the .NET SDK 8 from the official website with the 64-bit installer, then verify the setup using dotnet version and prepare to upgrade to .NET 10.

Create a http get route for get user by id, retrieve the user from the service, handle not found, and return the user data with posts.

Build a get suggested users endpoint that returns user IDs as suggestions by inspecting a user's following and followers, validating input, and converting IDs to user objects.

Implement the final delete user endpoint in the full-stack angular and .NET 10 social app, using a delete route with id, filter by id, and authorize before performing deleteAsync.

Create and manage a post service with full crud, search across posts and users, and implement pagination for efficient data retrieval in a real-time social app.

Implement an authorized HTTP post endpoint to add a comment to a post by post ID, validate input, update the post, and handle not found errors.

Define a patch endpoint to toggle like and dislike on a post, authorized by user token, updating post.likes by adding or removing the user id.

Create a secure http delete endpoint for posts that validates the user token and owner, calls the post service to delete, and returns a post deleted successfully message.

Build the chat service for the real-time social app by configuring MongoDB collections for messages, unreaded messages, and users, and implementing send message and unreaded update logic.

Develop chat service endpoints to fetch the last eight messages between two users, implement unread message retrieval, and mark messages as read in a real-time full-stack app.

Create and test notification endpoints in an ASP.NET core mvc backend by building a notification controller that fetches and marks notifications as read.

Fix the post controller by migrating to iPostService, resolve post response types, implement creating comments on a separate collection with authorization, and refine like/update logic.

Update GitHub repo and app version by committing, pushing, and merging pull requests, creating a new backend branch, and pulling updates to sync backend and rest api changes.

Implement a real-time notification gRPC client in .NET by defining services and a client class, configuring environment variables, building, and registering the client for use in controllers.

Implement real-time notifications on rest api endpoints with gRPC, wiring a real-time notification client into post and user controllers, and testing via a notification hub.

Define a chat proto and a real-time chat service in the backend api to enable the rest api to send real-time messages and support client and server roles.

Continue building the chat service by adding missing methods such as get online users and add user connection ID, and prepare the program for the chat hub.

Test real-time chat microservice with user connections, online status updates, and message delivery between clients.

Create an Angular app with the Angular CLI, configure routing and styling, and install key packages like Angular Material, SignalR, and Zone.js for a real-time social app.

Refactor the Angular app using the old app module approach, configure environment.ts with real-time, notification, and API URLs, and set up routing, material design, and a home component bootstrapped.

Define TypeScript interfaces for users, chats, posts, comments, messages, and notifications in an Angular front-end, organized in a dedicated types folder for a real-time full-stack app.

Build and test a post component template in a real-time social app using Angular and material design, including title and body fields, image upload with preview, and post creation.

Create and style an edit shell post component with html and css, including a post content area, actions bar, and image preview with upload file handling for real-time social app.

Create a two-component profile feature (profile display and update) and integrate it into routing and module, with prepared on init/on destroy hooks, user data, posts, and follow state handling.

Builds a notification http service for an Angular front-end, loading from the environment API URL, tracking unread count, fetching user notifications, and marking them as read locally.

Create a sound service for real-time chat and notifications, defining tone steps and managing audio contacts, with play and unlock logic.

Complete the sound service by implementing missing methods to play tones for messages and notifications, using oscillator frequency and duration with a play sequence.

Add real-time back-end methods to refresh online user lists and notify connected users in the chat hub, implementing get online users, refresh signals, and group updates.

Master the final steps of the chat component script to send messages in a real-time social app built with Angular and .NET.

Build a responsive nav bar with Angular Material components—mat-toolbar, icons, and menus—routing home, search, chat, profile, and notifications while handling authentication-aware display.

Style the chat component with responsive css. Apply shell layout, borders, shadows, and typography, then design post and user grids with hover effects and transitions.

Create a sidebar component for the social app, link to the profile with the user id, and display login or profile options from local storage; style with material icons.

Update your repository by staging and committing frontend changes, pushing to the frontend v1 branch, and creating a pull request to merge into main.

Create an API testing project with xUnit as a separate app, add API references and essential testing packages (mock, mvc testing, MongoDB driver), and set up folders BIS and Controllers.

Test the delete user endpoint in the user controller, covering unauthorized and authorized cases, with a mocked user service and HTTP status validation.

Build and run tests for shared real-time services, including get user ID by connection ID, remove user from list, and get online users with no room, illustrating microservices testing.

Extend frontend cypress automation by adding tests for home, chat, search, notification, and posts pages, verify navigation and visible content, and outline docker images and GitHub Actions.

Develop and automate real-time testing workflows for a full-stack app using GitHub actions, duplicating tests for back-end real-time features, and executing concurrent real-time chat and notification tests.

Learn to automate test reporting with GitHub Actions by uploading API test results, real-time chat test results, and front-end test results, and generating a test summary report.

Update the git main branch by creating and merging a pull request, then pull to fetch newly created files and verify the repository is up to date.

Run and deploy a real-time full-stack Angular and .NET app with Kubernetes across multiple machines and clouds. Create a deployment branch and perform git add, commit, and push.

Learn to dockerize a .NET backend by creating docker files for api, real-time chat, and real-time notification services, then restore, build, and publish with multi-stage configuration.

Define cloud-native deployment with Kubernetes by creating API.yaml, configuring a deployment with three replicas, container ports, gRPC service, and a MongoDB-backed API in a real-time app.

define a kubernetes ingress for the frontend and api, creating an ingress.yml with api version, metadata, nginx ingress class, and path-based routing, then test and update automation for the app.

Update the Kubernetes Memfist deployment by versioning images in yaml files, replacing them with a dynamic port, and applying frontend, api, chat, notification, and ingress via kubectl, then access localhost:5000.

Configure redis and SignalR integration to enable real-time chat and notifications, update kestrel settings, and deploy via yaml to fix memory isolation and gateway issues.

Fix url bug in realtime services by removing erroneous url fragments for chat and real-time notifications, deploy, and verify that real-time works for chat and notifications.