Course Overview
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
FAQ area empty
Course curriculum
-
Designing the Application’s TopBar with Tailwind CSS
1809 -
Designing the Application's Sidebar with Tailwind CSS and a Partial View
710 -
Designing the Application's Story Placeholder with Tailwind CSS
757 -
Designing the Application's Story Modal with Tailwind CSS
683 Xem trước -
Designing the Create Status Placeholder with Tailwind CSS
238 -
Designing the Application's Create Status Modal with Tailwind CSS
541 Xem trước -
Designing the Application's Post Placeholder with Tailwind CSS
1237 -
Designing the Application's Suggested Friends Placehoder with Tailwind CSS
376 -
Designing the Application's Trends For You Placehoder with Tailwind CSS
394 -
Quiz: Social Media UI Components with Tailwind CSS
-
Create an Empty SQL Database and Store the Connection String in Your Project
343 -
Set Up Entity Framework Core: Install NuGet, Create AppDbContext, Configure It
544 Xem trước -
Create a Model, Add Migrations, and Update the Database with Entity Framework
552 -
Creating a Separate Data Project
416 -
Creating a User Model and Users Table in the Database
220 -
Building One-to-Many Relationships in C# with Entity Framework: User and Posts
307 -
Setting Up a Database Initializer for Our Project
660 -
Quiz: Entity Framework Core and Data Relationships
-
Using AppDbContext in HomeController to Load Posts and User Data
280 -
Replace Hardcoded Timeline Posts with Database Data
605 -
Creating a Post Partial View to Simplify the Timeline View
276 -
Implement User-Friendly Time Display for Your Social Media Posts
323 -
Creating the Post Action in HomeController
300 -
Creating Your First Text-Only Status
377 -
Updating Post Action with Image Upload Support
330 -
Creating Status: Implementing Image Preview and Upload
577 -
Quiz: Creating and Managing Posts
-
Creating a Comment Model, Comments Table, and Defining Relationships in the DB
383 -
Implementing AddPostComment Action in Home Controller
226 -
Adding a New Comment to Database
255 -
Displaying Comments and Comment Counts on Posts
525 -
Managing Comment Overflow with "Show More" Button
159 -
Adding Delete Icon to Post Comments
254 -
Removing a Comment from a Post
190
-
Understanding the Benefits of Using Services Instead of Direct Context Access
268 -
Defining the Posts Service Contract
427 -
Implementing the Post Service Logic
527 -
Integrating Service Layer with Dependency Injection
752 -
Hashtag Service Implementation and Integration
542 -
Stories Service Implementation and Integration
396 -
File Service Implementation And Setup
736 -
Fixing and Optimizing Image Upload Functionality
308
-
Creating User Profile Settings Controller, Action and View
289 -
Creating the User Profile Settings Service
377 -
Designing the Header Section of User Profile
510 -
Designing the Tabs Section of User Profile
747 -
Implementing Profile Picture Upload Service Method
382 -
Previewing and Uploading the User Profile Picture
433 -
Implementing 'Update Profile' Tab Functionality
290 -
Adding 'Password' Tab Update Functionality
220
-
Configuring Identity Services
480 -
Adding Custom Identity Classes and Modifying Database Tables
588 -
Seeding Application Database with Roles and Users
967 -
Creating the Authentication Controller with Empty Login and Register Views
194 -
Designing the Login Form with an Image Slider
1163 -
Designing the Registration Form
330 -
Registering a New User
867 -
Adding Validation to the Registration Form
670 -
Handling Registration Errors
341 -
Customizing Default Password Requirements
165 -
Implementing Login with Validation
446 -
Redirecting Users After Login
324 -
Displaying Menus Based on User Authentication
174 -
Logging Users Out Securely
190 -
Displaying User Details Using Claims
929 -
Secure Password Updates with Tab Navigation
888 -
Managing User Profile Updates
705 -
Enhancing Profile Visibility with User Data
718 -
Refactoring User ID Handling with Base Controller
771
-
Creating a New Controller for User Profile Details
641 -
Designing the Top Section of the Profile Page
343 -
Designing the Posts & Friends Section
370 -
Loading User Details – Show User Posts
416 -
Simplifying User Details Page – Show Posts Without Comments Section
156 -
Updating User Profile Section – Show Profile Picture, Full Name, and Username
631 -
Fixing Broken Links & Profile Picture URL Issues
206
-
Setting Up Database Infrastructure
560 -
Creating FriendsService And a Method For Sending Friend Requests
285 -
Create Service Methods For Managing Friend Requests (Accept, Reject, Cancel)
498 -
Creating FriendsController and View
190 -
Creating the 'People You May Know' ViewComponent
287 -
Display Suggested Friends in the App
602 -
Display Suggested Friends with Their Friend Count
575 -
Implementing User Following: Sending Friend Requests
368 -
Preparing Friendship Request Data – Create ViewModel & Load Data
334 -
Displaying Friendship Requests – Load Prepared Data
671 -
Listing Received Friendship Requests
428 -
Canceling a Friendship Request
269 -
Accepting a Friendship Request
192 -
Showing Friends
306 -
Rejecting a Friendship Request
249 -
Removing a Friend
775 -
Code Refactoring – Manage Statuses with a Single Method
265
-
Setting Up the Database for Notifications
239 -
Setting Up SignalR for Real-Time Updates
269 -
Saving Notifications to the Database
464 -
Triggering Notifications on Events
156 -
SignalR Client-Side Integration
444 -
Displaying Unread Notification Indicator ("New" Text)
499 -
Replacing "New" with a Notification Counter
202 -
Optimizing How Notifications Are Stored and Sent
751 -
Creating a Reusable Notification Handler (Generic)
464 -
Fetching the Full Name of Logged-In Users
179 -
Notifying Users About Post Interactions (Likes, Favorites, and Comments)
434 -
Displaying Notifications in the UI
569 -
Adding Timestamps to Notifications
267 -
Allowing Users to Mark Notifications as Read
682 -
Differentiating Between Notification Types Using Icons
319 -
Friendship Requests and Approval Notifications
565 -
Redirecting Users from Notifications to Relevant Pages
479
-
Setting Up a New Controller and View
295 -
Fetching Reported Posts from Database
384 -
Displaying Reported Posts in the Admin Dashboard
428 -
Adding a Top Bar for the Admin Panel
167 -
Updating the UI Based on LoggedIn User Role
624 -
Improving the UI for Reported Posts
358 -
Approving a Report and Removing a Post
306 -
Rejecting a Report and Restoring a Post
205
-
Setting Up the Development Environment in Azure
256 -
Configuring Azure Blob Storage
288 -
Updating the Service to Upload Data to Azure
796 -
Displaying Uploaded Images in the App
612 -
Configuring Azure SQL Database
299 -
Connecting Azure SQL Database to the App
296 -
Using Azure Data Studio and Storage Explorer
319
Requirment
-
Basic 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
Outcomes
-
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