Monday, June 28, 2010

Zakumi Fan Club Is Live

My first hobby website goes online. You can see it live in

[ UPDATE: ZFC is selected in Silverlight showcase. ]

It is made with Silverlight 4.

You can get the full source code [ Except the database connection string. ] in codeplex.


1. There are 4 main tabs in the site. Teams N Results, About ZFC, Gallery and News.
2. Teams N Results shows the information/standing of teams, groups, schedule and next match in local time.
3. About ZFC is stuffed with FAQ and information about the site and Zakumi.
4. Gallery shows photos related to current world cup. It also has an option to like this application and share this in Facebook if you connect with Facebook.
5. News tab displays what people are saying related to FIFA in Facebook and twitter. It also gives you the facility to search in those sites. If you login with Facebook you get an option to see what your friends are saying about the current World cup. It also shows news from FIFA website feed.

Development story ...

Design ...
I have started this project long time back. The initial problem I faced is to finalize the design ... It was like ...
1. You create a new design
2. Make it live [ Make the user interface in xaml ]
3. Show it to your friends.
4. Scrap it.
5. Go to step 1.

Here are the things I listed down before starting the project
[ And here is what it has become when I finalized the design ]

1. The background will be light and text dark.
[Opposite. Though I tried to maintain the contrast. ]

2. It should fit in any browser resolution. [ Lower limit 1024 x 768 ]
[It was so difficult that finally I made it 998px wide. Though it should not look bad at higher resolutions ]

3. All texts and fonts should be highly readable.
[ Most of the time yes. In a few cases no. ]

4. There must be a logo.
[There is. This is what you can create within an hour or so. It looks pretty horrible. ]

Here was the design I came up with, at my second try ...

And here how it looks after its finished ...

Both of them are direct screen shots of live site ... not the photoshop mock design.

Development ...
Source control: Used TFS 2010 with codeplex as source control. And believe me it helped me a lot more than what I initially expected.

Connect with Facebook: I am using Facebook Developer Toolkit for it. The problem is it uses the old Graph API and has some small bugs in it. Also it is a heavy weight library that is not required for my website.

Animations: The site is pretty dull. There are only a few very simple animations. It is mainly because of lack of planning and time.

Web services and Database: I am using WCF services and MS-SQL server for DB. ADO.NET entity models as ORM. It went smoothly but there are some improvements can be done.

[ The website is not updated with the latest results and 2nd round matches yet ]


3 comments: said...

Sir we have developed a silverlight application and when we are trying to host it we got an error like"Unhandled Exceptional Error,could find days.svc"so i think there is a problem in service which we have used so how to overcom this!!Please help in this regard!thanks in Advance

Tanmoy Rajguru (Code name MRGNI) said...

It might be problem with cross domain/port access. It also can be some problem with your service. I recommend you go to and create a new post for it with more detail.

Facebook Application Developer said...

Wow this site is really impressive to me, i am glade to visit this beautiful site.