LiveChat Starter Kit, SignalR style

Sign in to queue


In today's Web Wednesday project comes to us via Dominic St-Pierre. Love them or hate them, I'm sure you've seen the web based live chats on web sites. Today's project lets you had that same capability to your sites quickly and easily. And I mean quickly... I went from New Project to chat enabled site in minutes...

LCSK (LiveChat Starter Kit)

LCSK is a simple, lightweight live chat / live support ASP.NET C# app. It uses SignalR for the communication channel between the website visitors and the agent(s).


What can it be used for?

If you have a website and want to offer live support to the visitors, you can do this easily with LCSK.

Get it on NuGet

Install-Package LCSK

Manual installation

You will need an ASP.NET 4 web application to start. Since LCSK depend on SignalR, you'll need to add this from Nuget.

Install-Package Microsoft.AspNet.SignalR

You can copy the LCSK folder into your project. You might want to change the namespacing of the .cs file, when using NuGet this is done automatically.

Adding the visitor chat box to your pages

Please not that I've included the SignalR and jQuery javascript files into the LCSK/js for quick references. Feel free to remove those .js files and use the one that came with the SignalR package instead or use whatever file structure you like.

*** If you do not already have jQuery referenced <script src="/lcsk/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script> *** <script src="/lcsk/assets/js/jquery.signalR-2.0.1.min.js" type="text/javascript"></script> <script src="/signalr/hubs" type="text/javascript"></script> <script src="/LCSK/chat.js" type="text/javascript"></script>



I've started a set of video of me rewriting the app using SingalR.

Some snaps of the web site running on my system...





As I said in the opening, adding this capability to my sample site was very quick and easy. New Project, NuGet and copy-n-paste and you're done...

The Discussion

  • User profile image
    Dominic StPierre

    Hey Greg,

    Thanks for the mention I appreciate it.


  • User profile image

    Great tips. Have you ever consider a kind of social approach like Chatwing or Chatwee? I mean group conversations e.g. for online events...

Add Your 2 Cents