ASP.NET Core Full Stack: Build a Social Media App in C#
Build a real-world web app from scratch with ASP.NET Core MVC, Entity Framework, JavaScript, Tailwind CSS & Azure
Build a real-world web app from scratch with ASP.NET Core MVC, Entity Framework, JavaScript, Tailwind CSS & Azure
Build a complete, full stack social media application with ASP.NET Core, C#, JavaScript, Tailwind CSS, and Azure, from an empty Visual Studio project to a live, deployed app.
This is a hands-on, project-based course for developers who want to build real software, not toy demos. You will create your own feature-rich social platform from scratch, covering both the front-end and the back-end, and ship it to the cloud with an automated CI/CD pipeline. Every feature is built step by step, so you finish with a working application and a deep understanding of how a modern full stack web app fits together.
What you'll build
A fully functional social network with the features users expect: a post and story feed, likes, comments, shares, and favorites; a complete friend-request system (add, cancel, ignore, and approve); a notifications system; content reporting; and a trending section driven by the most-used hashtags.
What you'll learn
Core social features with ASP.NET Core: Implement posts, stories, likes, comments, shares, favorites, friend requests, notifications, reports, and hashtag trends, the building blocks behind every modern social app.
ASP.NET Core MVC architecture: Structure the project with the ASP.NET Core MVC framework for clean separation of concerns and a maintainable, scalable codebase you can extend long after the course.
Data with Entity Framework Core: Design and evolve your database schema using EF Core migrations. Create, read, update, and delete records, and set up and query your SQL database so data is stored securely and accessed efficiently.
Modern front-end with Tailwind CSS and JavaScript: Build a responsive, polished interface with Tailwind's utility-first workflow, and add the JavaScript that makes a social app feel fast and interactive.
Cloud deployment with Azure: Deploy your application to Azure and configure a CI/CD pipeline that automates releases, so every change ships smoothly to a real production environment.
FAQ area empty
Designing the Application’s TopBar with Tailwind CSS
1809Designing the Application's Sidebar with Tailwind CSS and a Partial View
710Designing the Application's Story Placeholder with Tailwind CSS
757Designing the Application's Story Modal with Tailwind CSS
683 Xem trướcDesigning the Create Status Placeholder with Tailwind CSS
238Designing the Application's Create Status Modal with Tailwind CSS
541 Xem trướcDesigning the Application's Post Placeholder with Tailwind CSS
1237Designing the Application's Suggested Friends Placehoder with Tailwind CSS
376Designing the Application's Trends For You Placehoder with Tailwind CSS
394Quiz: Social Media UI Components with Tailwind CSS
Create an Empty SQL Database and Store the Connection String in Your Project
343Set Up Entity Framework Core: Install NuGet, Create AppDbContext, Configure It
544 Xem trướcCreate a Model, Add Migrations, and Update the Database with Entity Framework
552Creating a Separate Data Project
416Creating a User Model and Users Table in the Database
220Building One-to-Many Relationships in C# with Entity Framework: User and Posts
307Setting Up a Database Initializer for Our Project
660Quiz: Entity Framework Core and Data Relationships
Using AppDbContext in HomeController to Load Posts and User Data
280Replace Hardcoded Timeline Posts with Database Data
605Creating a Post Partial View to Simplify the Timeline View
276Implement User-Friendly Time Display for Your Social Media Posts
323Creating the Post Action in HomeController
300Creating Your First Text-Only Status
377Updating Post Action with Image Upload Support
330Creating Status: Implementing Image Preview and Upload
577Quiz: Creating and Managing Posts
Creating a Comment Model, Comments Table, and Defining Relationships in the DB
383Implementing AddPostComment Action in Home Controller
226Adding a New Comment to Database
255Displaying Comments and Comment Counts on Posts
525Managing Comment Overflow with "Show More" Button
159Adding Delete Icon to Post Comments
254Removing a Comment from a Post
190Understanding the Benefits of Using Services Instead of Direct Context Access
268Defining the Posts Service Contract
427Implementing the Post Service Logic
527Integrating Service Layer with Dependency Injection
752Hashtag Service Implementation and Integration
542Stories Service Implementation and Integration
396File Service Implementation And Setup
736Fixing and Optimizing Image Upload Functionality
308Creating User Profile Settings Controller, Action and View
289Creating the User Profile Settings Service
377Designing the Header Section of User Profile
510Designing the Tabs Section of User Profile
747Implementing Profile Picture Upload Service Method
382Previewing and Uploading the User Profile Picture
433Implementing 'Update Profile' Tab Functionality
290Adding 'Password' Tab Update Functionality
220Configuring Identity Services
480Adding Custom Identity Classes and Modifying Database Tables
588Seeding Application Database with Roles and Users
967Creating the Authentication Controller with Empty Login and Register Views
194Designing the Login Form with an Image Slider
1163Designing the Registration Form
330Registering a New User
867Adding Validation to the Registration Form
670Handling Registration Errors
341Customizing Default Password Requirements
165Implementing Login with Validation
446Redirecting Users After Login
324Displaying Menus Based on User Authentication
174Logging Users Out Securely
190Displaying User Details Using Claims
929Secure Password Updates with Tab Navigation
888Managing User Profile Updates
705Enhancing Profile Visibility with User Data
718Refactoring User ID Handling with Base Controller
771Creating a New Controller for User Profile Details
641Designing the Top Section of the Profile Page
343Designing the Posts & Friends Section
370Loading User Details – Show User Posts
416Simplifying User Details Page – Show Posts Without Comments Section
156Updating User Profile Section – Show Profile Picture, Full Name, and Username
631Fixing Broken Links & Profile Picture URL Issues
206Setting Up Database Infrastructure
560Creating FriendsService And a Method For Sending Friend Requests
285Create Service Methods For Managing Friend Requests (Accept, Reject, Cancel)
498Creating FriendsController and View
190Creating the 'People You May Know' ViewComponent
287Display Suggested Friends in the App
602Display Suggested Friends with Their Friend Count
575Implementing User Following: Sending Friend Requests
368Preparing Friendship Request Data – Create ViewModel & Load Data
334Displaying Friendship Requests – Load Prepared Data
671Listing Received Friendship Requests
428Canceling a Friendship Request
269Accepting a Friendship Request
192Showing Friends
306Rejecting a Friendship Request
249Removing a Friend
775Code Refactoring – Manage Statuses with a Single Method
265Setting Up the Database for Notifications
239Setting Up SignalR for Real-Time Updates
269Saving Notifications to the Database
464Triggering Notifications on Events
156SignalR Client-Side Integration
444Displaying Unread Notification Indicator ("New" Text)
499Replacing "New" with a Notification Counter
202Optimizing How Notifications Are Stored and Sent
751Creating a Reusable Notification Handler (Generic)
464Fetching the Full Name of Logged-In Users
179Notifying Users About Post Interactions (Likes, Favorites, and Comments)
434Displaying Notifications in the UI
569Adding Timestamps to Notifications
267Allowing Users to Mark Notifications as Read
682Differentiating Between Notification Types Using Icons
319Friendship Requests and Approval Notifications
565Redirecting Users from Notifications to Relevant Pages
479Setting Up a New Controller and View
295Fetching Reported Posts from Database
384Displaying Reported Posts in the Admin Dashboard
428Adding a Top Bar for the Admin Panel
167Updating the UI Based on LoggedIn User Role
624Improving the UI for Reported Posts
358Approving a Report and Removing a Post
306Rejecting a Report and Restoring a Post
205Setting Up the Development Environment in Azure
256Configuring Azure Blob Storage
288Updating the Service to Upload Data to Azure
796Displaying Uploaded Images in the App
612Configuring Azure SQL Database
299Connecting Azure SQL Database to the App
296Using Azure Data Studio and Storage Explorer
319Basic Knowledge of C# and .NET Framework: Familiarity with C# syntax and .NET concepts is essential.
Understanding of Web Development Fundamentals: Basic knowledge of web technologies like HTML, CSS, and JavaScript.
Development Environment Setup: Access to a computer with .NET SDK and a suitable IDE (like Visual Studio) installed.
Optional: Familiarity with Database Concepts: While not mandatory, understanding basic database operations will be helpful
MVC architecture and ASPNET MVC implementation: Learn to build scalable applications with the ASPNET MVC framework and understand the MVC architecture.
Building and managing a social media app: Develop key social media features like stories, posts, likes, shares, and manage friend requests efficiently.
Database design and entity relationships: Database management with ASPNET Data Project and Entity Framework, including schema migrations and CRUD operations
Front-End Design with Tailwind CSS: Create modern, responsive layouts using Tailwind CSS for a visually appealing and user-friendly interface
Deployment with Azure: Deploy applications to Azure, set up CI/CD pipelines, and ensure smooth production operations
0 Student
2 Courses
0 review