Facebook Style Wall Posts and Comments using Knockout.js and ASP.NET Web API by http://techbrij.com
In this article, we will implement Facebook style wall posting with following features using Knockout.js , jQuery and ASP.NET MVC 4 with Web API . 1. Add new post and display the latest post first 2. Add new comment to post 3. Display date time in fuzzy time stamps (e.g. 5 mins ago..) 4. Auto-grow textarea for long posting and commenting 5. Comment link to toggle comment box 6. Display user avatar for posts and comments Here is the final output: Database Structure: The edmx view generated from database is as follows: In UserProfile table, AvatarExt is used to store extension of user thumbnail and it is stored in the application with UserId + . + AvatarExt. Post table is used for Wall posts and PostComment table is used for comments. Other tables(not displayed in the image, common tables) are used to implement SimpleMembershipProvider. Getting Started: 1. Create ASP.NET MVC 4 > Internet Application Project in VS2012. 2. In Models, Add new item “ADO.
