Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Pasan Premaratne
STAFF
Pasan Premaratne
Treehouse Teacher

Forum Contest: Interactive Resume/CV

Hi everyone,

It's time for a new Treehouse Forum contest! First, watch this video to learn more:

Example resume

After you've watched the video, please read the details below carefully. I'm looking forward to your entries!

How to Enter: If your entry involves front end code, create your interactive animation entry as a "pen" on Codepen.io and then post the link to your pen as an answer to this post.

For other entries, you can either upload it to Github or zip up your project and provide a download link via Dropbox. Then post the link as a reply to this post.

Due Date: All entries must be submitted by February 16th at 11:45pm ET. Here's a timezone chart so you can see what time that is for your locale.

Prize: The entries will be judged by Treehouse teachers based on both design and code. One winner will receive a free month of Treehouse Gold on us! We'll announce the winner on February 17th and reveal the next contest.

Pasan Premaratne
Pasan Premaratne
Treehouse Teacher

Hey guys,

Don't be intimidated at all by the example provided. That is just there to show you an example of creativity. I'm certainly not looking for you to produce something that complex, unless you want to :)

Daniel Fernandez and Brian Pirouet - you guys should submit your entries! I'm pretty sure you are more capable than you give yourself credit for :)

32 Answers

Wow, I'm speechless. Awesome example... But I think that I don't have the necessary skills to apply, let's see next time :)

Hands down one of the most creative things i have seen in Web Development!! Beyond anything i can do though, good luck to anyone who enters!

Six days is not much at all to create something worthy. I suppose every web designer/developer consider portfolio must be perfect.

Stephen Mariano Cabrera
Stephen Mariano Cabrera
5,932 Points

Does it matter if the content of the resume is not in English?

Pasan Premaratne
STAFF
Pasan Premaratne
Treehouse Teacher

Stephen Mariano Cabrera - No, not at all. I'll be looking at creativity over specific content if that helps.

As delightful as the example interactive resume is, something like that might actually be quite off-putting to an employer for several reasons:

  • There's almost no structural markup, so the page is not accessible at all (Bad semantics)
  • Towards the end, I'm pressing the down arrow to go 'up' (Bad UX)
  • It took me roughly 5 minutes to see everything, when normally employers prefer to scan a resume in under 15 seconds (Poor catering to several audiences)
  • Some content was covered up by banners on my 11 inch Macbook Pro, preventing me from seeing it all (Lack of design testing)

Anyways, while this is a fun contest promoting interactive design, as a web community, we should at all times be focused on the content first, then adding fun interactive elements to surprise and delight all users. Not just being creative for creative's sake and abandoning traditionally accepted UX principles.

Michael Wiss
Michael Wiss
19,233 Points

When this site came out, it caused a sensation. I remember reading how it had been featured on linkedin, fastco and baidu. It is probably the most viewed online resume of all time. (pre contest)

Well, you just like to poo-poo all over creativity, don't you?

Anthony Garritano
Anthony Garritano
Courses Plus Student 2,165 Points

Marcus Bellon That's not fair. 'Creativity' means absolutely nothing if the design doesn't work for the target audience. Robert's points are valid, even if you or I disagree with them.

i'll be out of town this week so i can't try this one out. :( Good luck to the rest of you!

Matthew Mascioni
Matthew Mascioni
20,444 Points

Sweet contest idea! Let's get this party started!

Erick Bongo
Erick Bongo
8,539 Points

That CV is pretty amazing, what a great idea. What languages did the guy who wrote it use? am interested to know how he built something like that.

Javascript, CSS, HTML and some jQuery. He mentioned it in his resume..

Erick Bongo
Erick Bongo
8,539 Points

Thanks,, erh I was to busy running about to read !

Woe, that will be a tough challenge for a newbie like me. However, it's worth trying and I guess it will get more advanced the more skills you have :)

great attitude!

I have to agree with Davie I was too busy running lol. However on the serious side for newbies certain guidlines would help get us started I have no idea how to do this.

Okay! So I'm still learning about CSS & HTML, I haven't even started learning JS. So here is something to help everybody out. I designed an eye catching cover page that will get HR attention. :) Enjoy and have fun it. http://codepen.io/Peterg/pen/zEqDy

I think this a better one. http://codepen.io/Peterg/pen/zEqDy

I just saw this on the Bell icon; you guys really care about the members of treehouse and {even if this sounds like brown nosing} things like this make every cent worth to continually have treehouse as a part of my learning journey!

Michael Reining
Michael Reining
1,143 Points

As a practicing HR pro ... this is a great idea!

This is an awesome idea! I actually don't have the skillset to make something as amazing as that one above, but I know that I have been toying with the idea of an online resume for some time. I may actually put together something for this. :)

I love the idea:) I am going to design something too.

Samuel Johnson
Samuel Johnson
9,152 Points

This is great i just applied to a job and used this email template but to avoid loading problems across browser i put it on my website see here: http://www.shjohnson.co.uk/email/

Samuel Johnson
Samuel Johnson
9,152 Points

Although not as talented as the one shown in the example!

Nice one :)

Pablo Litardo
Pablo Litardo
6,241 Points

Quick Question to Pasan Premaratne Can you use templates ? From lets say Themeforest or does it have to be out of scratch ?

Pasan Premaratne
Pasan Premaratne
Treehouse Teacher

Hey Pablo Litardo,

Sorry for the late reply! You can use JS libraries, Sass plugins and those kinds of things; writing from scratch isn't a requirement. We want you to build something yourself, so if you're using a template as a starting point that's fine, but not if you just upload the template and tweak small things.

Hope that makes sense.

Emil Wallgren
Emil Wallgren
11,737 Points

This is my first project ever! Extremely proud :-) I know that It's not nearly as good as the other competitors, but I've been longing to be part of a treehouse competition, so... this is my contribution :-)

Have an awesome day fellow coders :-)

http://codepen.io/EmilWallgren/full/Awihm

Gil David
Gil David
8,811 Points

Hi all, I have'nt managed to finishe this, I guess I got carried away with what I thought can be done in a week... anyhow this is what I got so far, hope you still enjoy it... (and don't forget to try resizing the windows (: ) thanks! good luck to everyone!

https://www.dropbox.com/s/bmha6j6cb5x20we/My%20Resume%20Project%20V2.rar

Here is mine

http://www.arielbeninca.com

not as good as the example though :P

That had such beautiful designs to it. If you made it slide vertically instead of down. Then you can totally get any get design job for sure. :) I'm might have to pull a Steve Jobs and copy it. :) LOL.

Thankyou :) mm sliding vertically is a good idea

Zoe Peng
Zoe Peng
10,809 Points

Here is my Resume http://resume.izoe.org

Press "spacebar" and enjoy it !

I use middleman, a static site generator, and html/scss/jquery to build my site.

The git repository is https://github.com/iZOE/zoe-resume

https://teamtreehouse.com/zoepeng Really cool idea and well implemented, looks awesome :D

Update is looking good dude, that zoom effect when you first scroll down is awesome :)

Some really nice sites here, I had a go codepen - code . codepen - full. Still needs a lot of work but any feedback is much appreciated :)

Michael Wiss
Michael Wiss
19,233 Points

Looks great! I'm trying to be more design minded. Check out http://prinzhorn.github.io/skrollr/. It works pretty good on mobile.

Hi Danielle, did you do that on Ruby on rails? what programming language is it?

Pasan Premaratne
STAFF
Pasan Premaratne
Treehouse Teacher

Hey everyone,

I'm thoroughly impressed with all the entries! You guys put together great resumes in such a short amount of time. The goal of this contest was to give you an incentive to get started on being able to showcase your skills to employers and you did just that. Now that you're past the initial hump, keep working on these ideas!

On to the announcement :) Congrats to Zoe Peng and her winning entry! It was really hard to pick a winner guys, you all did so well but here's why Zoe won:

  • She nailed it with the creativity & interactivity angle which was the the theme of the contest.
  • Her entry is custom built without the use of any frameworks.
  • She did all the animations in CSS without relying on JavaScript (and it performs well too!)
  • She made effective use of Sass
  • It was quite easy for me to view her past work and access her GitHub profile.

Great job everyone! Stay tuned for the next contest.

Cheers, Pasan

Matthew Mascioni
Matthew Mascioni
20,444 Points

Woot! Congratulations, Zoe Peng! Amazing entries all round... there is some serious talent in here. :)

Zoe Peng
Zoe Peng
10,809 Points

WOW! thank you guys :) That's so great news for me <3 <3 <3

Congratulations :)

Zoe Peng
Zoe Peng
10,809 Points

Thank you :)

Emil Wallgren
Emil Wallgren
11,737 Points

Congrats :-) Really great website :-)

That interactive resume example was class!!!!