Introduction to the Social Media Dashboard Sample for Windows 8/Windows Phone

[This post is the first in a series of posts about the Social Media Dashboard Sample.]

The social media dashboard sample (for Windows 8 and Windows Phone 8) consumes various social feeds and displays them in your app. It is driven from a JSON configuration file so it is very easy to adapt this sample to your needs and have this as a starting point for your application. This sample also illustrates a number of key concepts such as Search, Share, dynamic UI, animations, sharing code between Windows 8 and Windows Phone etc. A link to the sample code can be found here.

Details on how to run the app

Make sure you have the basics installed. That includes:

Download the sample and double-click on the solution. The solution consists of three projects:

  • SocialMediaDashboard.PCL, which is the Portable Class Library that contains code that is used in both the Windows 8 and Windows Phone 8 projects. To learn more about Portable Class Libraries, click here.
  • SocialMediaDashboard.W8, which contains the code for the Windows 8 version of the app.
  • SocialMediaDashboard.WP, which contains the code for the Windows Phone 8 version of the app.

There are dependencies on a number of external libraries, these are:

  • Microsoft.Bcl.Async, which gives you access to async and await keywords in a Portable Class Library.
    • NuGet: Install-Package Microsoft.Bcl.Async –Pre
  • NewtonSoft.JSON, which is the standard library for parsing JSON objects.
    • NuGet: Install-Package Newtonsoft.Json
  • HtmlAgilityPack, for parsing and changing HTML documents.
    • NuGet: Install-Package HtmlAgilityPack
  • Microsoft Player Framework, which is a framework for displaying video. No NuGet package exists, the code can be found here. A .VSIX file as included in the Project as well, for convenience.

Now, set your startup project to either Windows 8 or Windows Phone and press F5 to run the app. The sample app gives you information about Windows Phone development. I’m guessing you might be interested in something else, in that case you can look up The Config.json in the Assets folder. This is the definition of the content for this app. Play around with it. A later post will detail the format of this configuration file.

Here are some screenshots from the Windows app:




And some screenshots from the Windows Phone app:

phone1           phone2



This post introduces a series of blog entries with more details about this sample. These are:


A home page with more information about this code sample and the blog entries can be found here.

For more information about Windows 8 app development, go here.

For more information about Windows Phone development, go here.