How to make a Rails Rumble app

1. Step 1
   Use Haml and Sass (with Compass)

   http://haml-lang.com/
   http://sass-lang.com/

   I really, really like sass. I've been using it for a while now, but this was my first real project using haml.

   Compass is fantastic. I extensively used some of the utilities and the 960-gs plugin as well.

   http://compass-style.org/

   

   
   View Full Size

   

   
   View Full Size

   

   
   View Full Size
2. Step 2
   Authlogic with OpenID and role-based authorization with acl9

   Authlogic is wonderful. It works beautifully and stays out of the way.

   http://github.com/binarylogic/authlogic/tree/master
   http://github.com/binarylogic/authlogic_openid/tree/master
   http://github.com/be9/acl9/tree/master
3. Step 3
   Thinking Sphinx

   Thinking sphinx made dynamic and powerful searching really easy.
   http://freelancing-god.github.com/ts/en/

   

   
   View Full Size
4. Step 4
   Paperclip, will_paginate, and other usual suspects

   

   
   View Full Size
5. Step 5
   Disqus Commenting system

   This was so easy that I forgot to mention that I used it when I created this post.

   http://disqus.com/

   Very easy to implement, with great features.
6. Step 6
   On to Javascript: jQuery

   There's a lot of Javascript going on here. Most of the heavy lifting was done by the following very useful libraries:

   qTip: http://craigsworks.com/projects/qtip/
   Growfield: http://kuindji.com/jquery/growfield/growfield.html
   Uploadify: http://www.uploadify.com/
   ToggleVal: http://jquery.kuzemchak.net/toggleval.php

   

   
   View Full Size

   

   
   View Full Size
7. Step 7
   Design elements

   Museo font: http://www.josbuivenga.demon.nl/museo.html
   System icons taken from/inspired by: http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/

   

   
   View Full Size

   

   
   View Full Size

Rails, Ruby, Rails Rumble  

This was helpful for 1 person.

Created by Zef