Wednesday, October 24, 2012

jsonmé: A Simple HTML and JavaScript Resume Generator

It's been forever since I updated my resumé so I decided to turn my GitHub page into my living resumé.  Being a web developer I wanted to so something unique yet simple.  After playing around with a few concepts I decided to put all of my resume's data into a JSON file and create a small web app that would read it via AJAX and display its contents.  I was so happy with the result that I decided to extract out the code and put it up on GitHub and the result is jsonmé.

I wanted jsonmé to have a small footprint yet work in all browsers back to IE6.  I decided to use the Sizzle.js selector engine since it has such a proven track record in jQuery.  I also needed a small library for doing normalized AJAX requests.  I settled on snack.js, its a small and well written utility library with AJAX capabilities that also gives me a normalized document ready function.  

The resulting application is a simple and easy to implement application.  The easiest way to create your jsonmé is to fork the GitHub repository and rename it to .github.com.  For instance my personal resume is at http://bittersweetryan.github.com.  

The code is completely Open Source and licensed under the MIT license so feel free to grab it and do whatever you want with it.  If you do something awesome with it I'd love to hear about it or even get a pull request for it.

The source can be found at: https://github.com/bittersweetryan/jsonme

10 comments:

  1. Interesting approach. Why?

    If you're concerned about managing the HTML, why is that much different managing the data? Was Markdown an option at all?

    ReplyDelete
  2. I like that way you are trying all pages or document as web page document and this is the sign of perfect developer.

    ReplyDelete
  3. This sounds promising. I should try it myself too. Keep it up.

    ReplyDelete
  4. It seems to be interesting and effective. Ryan, you seems to be really creative.

    ReplyDelete
  5. There's so many information needed to be put in a resume, all i want technology to do is management; and you just did that

    ReplyDelete
  6. Same here There's so many details required to be put in a continue, all i want technological innovation to do is management; and you just did that.

    ReplyDelete
  7. Every developer wants the app to be simple and unique, Good work and thanks for sharing for the information.

    SEO Company in India

    ReplyDelete
  8. Magnificent items from you, man. I’ve remember your stuff prior to and you are just extremely magnificent. I really
    like what you’ve acquired here, certainly like what you’re saying and the way in which by which you assert it. You’re
    making it entertaining and you continue to care for to stay it sensible. I can’t wait to learn much more from you. This
    is really a tremendous site.
    web application development

    ReplyDelete
  9. Looks like an interesting implementation. Will have to look into this one. Nice idea, btw.

    ReplyDelete
  10. Terrific Post. Sounds really great. Such a nice thought. I'll try it myself.

    ReplyDelete

Fork me on GitHub