Code Academy: Week 7

A couple of weeks ago I came across a site out of Detroit that allowed anyone to enter in an idea for the redevelopment of Michigan Central Station. I liked the idea and decided it'd be a good exercise to try to build a similar site as practice for what I've been learning in class. Detroit Pays Off was born (more on the idea at some other point).

The actual rails coding was really easy. There isn't much to the site, just a model for the posts that includes the idea, the posted on date, and the number of votes, but because I wanted to share the site here, I spent a lot of time last week taking my first stab at the frontend coding of a site - mainly CSS and a few cool effects written with javascript/jquery.

I basically just stole Tumblr's colors and layout as a model for the CSS coding and messed around with different divs and options until I managed to get things where I wanted them. Much easier said than done but it was a worthwhile endeavor. I have a much greater grasp of what CSS is and how to hack something together that looks somewhat presentable. As for the javascript/jquery, I spent just about all weekend working on getting three very small effects working. You'll notice the first one when you click on "Submit Your Idea". Oh yeah! You saw that animation slide? Took me all day Sunday to figure that out. The other two were somewhat less difficult, you can click on the hand and it counts a vote without refreshing the page, and when you enter in a new idea it fades in as the newest idea submitted. You'll have to submit an idea to see that last one so don't be shy...submit!

I'm pretty critical of how things have turned out and what still needs to be done on the site (for starters, I hate how the submitted ideas section is laid out in a table, and I'd like to add comments and the ability to sign in with Facebook), but being able to do this on my own has been awesome. Just a few weeks ago I would have seen the Talk to The Station site and been frustrated that I couldn't build a similar site without resorting to a pre-built WordPress theme. Now when I come across any site or idea, I can just create it myself.

Have any ideas for a website/web app? Send 'em over...I'll build it.