Using Twitter Bootstrap with Node.js, Express and Jade

I’ve decided to write this post as a note to myself. I’m still learning Node.js and digging into Express/Jade, but I’ve read many people using the nice Twitter Bootstrap and I was wondering if there was a way to integrate all these technologies. The short answer is: yes, we can!

Note: once again, I’m not a Node.js expert and surely there are other ways to achieve this task (for example there is a Node.js module called twitter-bootstrap, but I haven’t tried it). This tutorial is based on another tutorial I found, but it was not very updated and it had a more complicated way to install Bootstrap, so I decided to write a new one basing it on the original http://www.rs.au.com/31/how-to-install-bootstrap-v2-0-2-in-expressjs-v3-0-0

Preparing the environment

I will assume that you’re running any Linux distribution (in my case I’m using Ubuntu 12.10, but feel free to use your own distribution). Be sure to have installed a recent version of nodejs and npm packages (I’m using Node.js 0.8.20 and npm 1.2.11).

Create a project folder and install the required dependencies

Create the basic project structure with Express

You should already have installed all the needed dependencies, even without executing npm install, anyway executing it won’t hurt.

Download and install Bootstrap

Download Twitter Boostrap from the official website http://twitter.github.com/bootstrap/assets/bootstrap.zip and unzip it under the nodebootstrap/public folder.

Bootstrap integration with Jade template system

At this point you need to edit the views/layout.jade file and include the references to Bootsrap

Test the Bootstrap integration

At this point we will modify views/index.jade that is the default template used to render the index

extends layout

Now go back to the terminal and execute the app:

Open your favourite browse and visit http://localhost:3000 to see your first Bootstrap + Node.js application app and running.

Fundraising for CuteSoma (Soma.fm mobile client) development

Developing CuteSoma and maintaining it for three different platforms (Nokia N9, Windows Phone, BlackBerry 10) is really taking me a lot of time. I’ve many features in mind to add but I can’t dedicate much spare time to them and to do it I should take time from other paid projects. I’ve also discarded the idea to make CuteSoma a paid app, because it’s been always free (except the Windows Phone one that was non-free for just a month, but only 6 people “SIX” bought the app).

So I decided to open a fundraising campaign on Indiegogo that is a service like KickStarter, but it’s available all around the world (not just in USA and UK like Kickstarter).

What do I Need & What You Get

I would like to raise at least 5.000€ to be able to keep maintaining the existing features and to implement new one. Developing for 3 different platforms really takes a lot of time. I also need to find a way to get a Windows Phone 8 device because at the moment I cannot test some features using just the emulator.

What the application currently does:

  • You can view the list of Soma.fm channels
  • You can listen any channel

Features I would like to add:

  • Scrobbling song to Last.fm
  • Write a new MediaSource for Windows Phone (the default one is quite bugged and I need to implement one from scratch)
  • Port the BlackBerry10 version to the native CascadesUI

The Impact

Funding the development of CuteSoma you will make thousands of people really happy, because they will be able to listen to Soma.fm on their Nokia N9, Windows Phone and BlackBerry 10 devices. You will also make me feel apreciated for all the hours I’m spending to write the code 🙂

Completly Opensource

Yes. CuteSoma is completly opensource. I keep my source code on GitHub and BitBucket and it’s always updated. All the CuteSoma versions are released under the GPL license.

Other Ways You Can Help

If you want to contribute but you can’t or you don’t want to send money, you could help me in the following ways:

1) Download and use the application:

2) Tweet/Blog about this fund raising campaign: http://www.indiegogo.com/projects/cutesoma-soma-fm-client/x/2353169

How to install latest stable Node.js on Ubuntu

If you develop with Node.js and you want to be sure to have the latest stable version, luckly there is a PPA for it. All you need is to follow these instructions:

sudo apt-get install python-software-properties python g++ make
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs npm

That’s it!

Reference: https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager

The Windows Phone Emulator wasn’t able to connect to the Windows Phone operating system: how to fix it

This morning when I started my Windows Phone 8 emulator to test an application, the emulator refused to work, giving me this error “The Windows Phone Emulator wasn’t able to connect to the Windows Phone operating system“. Luckly it’s very easy to fix. It’s caused by the virtual network interface that has been disabled for some reason (well… in my case it must depend on the other day when I tryed to trick WP7 firmware upgrade and used the disconnect trick, but this is another story).

I searched on Google for a solution and I landed on this page http://pauliom.com/2012/12/20/the-windows-phone-emulator-wasnt-able-to-connect-to-the-windows-phone-operating-system/

All you have to do is going to “Network and Internet –> Network Connections“, right click on “vEthernet (Internal Ethernet Port) Windows Phone Emulator” and Enable it.

network_interface_wp8