This is a fan engagement contest for Bud Light platinum focused around Justin Timberlake 20/20 Exoerience tour. The contest is run for total of 12 weeks with a new challenge every week. Participants can win prizes by solving challenges on a time basis scoring system. The first 10 winners are eligible for prizes. There are various challenges in this contest such as Facebook post, Facebook photo upload with friends, Twitter tweets, trivia and check-ins at local promotion spots.
This app is built for both web and mobile, so this is developed purely as a javascript app with responsive design. My role was to add features, content and optimize the app's front-end. I developed the local challenge pages and enhanced javscript modules for performance. This a heavy traffic site, so a lot of optimization was done for performace and responsiveness on the front-end.
function setUpNavAnim(){ var navItems = $('ul.nav li a'); $(navItems).each(function(){ $(this).click(function(){ if($('.nav-wrapper').hasClass('top')){ hideBottom(this); } var newID = '#' + $(this).html().toLowerCase() + '-page', oldID = '#' + $('.open-page').attr('id'); goToPage(newID,oldID,true); if($(this).parent().hasClass('active'))return; $('ul.nav li').removeClass('active'); $(this).parent().addClass('active'); checkLegalVisibility($(this).parent().attr('class')); if($(this).parent().hasClass('nav-challenges')){ showLocal = true; renderLocalChal(); } return false; }); }); }