Gamification of a web Application

I need help on how to gamify a website by awarding points when visitors click on a link or perform an action such as viewing images, playing a video on the site. i also want to be able to show then a progress bar which will link up to a ranking function which will show them who has viewed more links or who is the highest! other options to the gamification includes, awarding badges, just like Stack Overflow here which awards several badges when action is completed (reading the tour page, answering a question or voting answers)...

I know how to use WordPress to perform those functions, but in this case WordPress was not suggested.. so how can i do this with HTML5, CSS and JavaScript or any other suggested web technology? no database or signing is needed for the site visitors, just pure HTML5 site.

if there is any site, codes or repositories which will help achieve them will be fully appreciated.