[{"data":1,"prerenderedAt":277},["ShallowReactive",2],{"/projects/headlight":3},{"id":4,"title":5,"additionalTags":6,"body":10,"description":253,"excerpt":254,"extension":255,"featured":256,"meta":257,"name":258,"navigation":259,"openSource":256,"path":260,"projectDate":261,"seo":262,"sitemap":263,"status":245,"stem":267,"subtitle":268,"tags":269,"thumbnail":275,"__hash__":276},"projects/projects/4.headlight.md","Headlight",[7,8,9],"typescript","testing","leadership",{"type":11,"value":12,"toc":244},"minimark",[13,24,36,41,44,49,53,64,67,71,74,162,166,240],[14,15,16,23],"p",{},[17,18,22],"a",{"href":19,"rel":20},"https://headlight.com",[21],"nofollow","HeadLight"," is a suite of advanced digital construction management applications.",[14,25,26,27,31,32,35],{},"For over 9 years at HeadLight (previously Pavia Systems) my involvement included ",[28,29,30],"strong",{},"UI/UX design"," for the native iOS application\nand leading the ",[28,33,34],{},"front-end development"," for the HeadLight Suite of web applications.",[37,38,40],"h3",{"id":39},"wireframe-to-final-product","Wireframe to Final Product",[14,42,43],{},"I was involved from the very beginning with designing mockups for the native IOS app and through to building & shipping web applications.",[45,46],"app-before-after",{"after":47,"before":48},"/projects/headlight/after.webp","/projects/headlight/before.webp",[37,50,52],{"id":51},"measuring-success","Measuring Success",[14,54,55,56,59,60,63],{},"The FieldBook apps would enable field personnel to capture ",[28,57,58],{},"millions of Observations"," across ",[28,61,62],{},"tens of thousands of construction projects",".",[14,65,66],{},"While the native iOS app was used primarily used for capturing in the field.\nThe web app which had feature-parity and was specifically geared for accessing project data by office personnel.",[37,68,70],{"id":69},"from-app-to-comprehensive-suite","From App to Comprehensive Suite",[14,72,73],{},"Moving to a shared code architecture, which AngularJS's module system was very well suited for,\nenabled us to quickly build and ship a entire suite specialized applications covering many aspects of e-construction.",[75,76,77,90],"table",{},[78,79,80],"thead",{},[81,82,83,87],"tr",{},[84,85,86],"th",{},"AngularJS Apps",[84,88,89],{},"VueJS Apps",[91,92,93,102,110,118,126,134,141,148,155],"tbody",{},[81,94,95,99],{},[96,97,98],"td",{},"FieldBook",[96,100,101],{},"Contract Admin",[81,103,104,107],{},[96,105,106],{},"Tracker",[96,108,109],{},"SamplePlan v2",[81,111,112,115],{},[96,113,114],{},"Portal",[96,116,117],{},"Materials v2",[81,119,120,123],{},[96,121,122],{},"Vault",[96,124,125],{},"Dashboards",[81,127,128,131],{},[96,129,130],{},"SamplePlan",[96,132,133],{},"Covid-19 Safety",[81,135,136,139],{},[96,137,138],{},"Profile Mgmt",[96,140],{},[81,142,143,146],{},[96,144,145],{},"Customer Mgmt",[96,147],{},[81,149,150,153],{},[96,151,152],{},"Project Mgmt",[96,154],{},[81,156,157,160],{},[96,158,159],{},"Materials",[96,161],{},[37,163,165],{"id":164},"technologies-utilized","Technologies Utilized",[75,167,168,178],{},[78,169,170],{},[81,171,172,175],{},[84,173,174],{},"Frontend",[84,176,177],{},"Testing",[91,179,180,188,196,204,212,219,226,233],{},[81,181,182,185],{},[96,183,184],{},"AngularJS",[96,186,187],{},"Mocha",[81,189,190,193],{},[96,191,192],{},"VueJS",[96,194,195],{},"Jest",[81,197,198,201],{},[96,199,200],{},"Bootstrap",[96,202,203],{},"Chai",[81,205,206,209],{},[96,207,208],{},"Git",[96,210,211],{},"Karma",[81,213,214,217],{},[96,215,216],{},"SCSS",[96,218],{},[81,220,221,224],{},[96,222,223],{},"Gulp",[96,225],{},[81,227,228,231],{},[96,229,230],{},"Grunt",[96,232],{},[81,234,235,238],{},[96,236,237],{},"TypeScript",[96,239],{},[241,242],"image-carousel",{":items":243},"[\"/projects/headlight/hl-01.png\",\"/projects/headlight/hl-02.png\",\"/projects/headlight/hl-03.png\"]",{"title":245,"searchDepth":246,"depth":246,"links":247},"",2,[248,250,251,252],{"id":39,"depth":249,"text":40},3,{"id":51,"depth":249,"text":52},{"id":69,"depth":249,"text":70},{"id":164,"depth":249,"text":165},"Comprehensive suite of e-construction web applications.",null,"md",false,{"url":19},"HeadLight Suite",true,"/projects/headlight","2024-05-01T00:00:00.000Z",{"description":253},{"loc":260,"lastmod":264,"changefreq":265,"priority":266},"2025-05-18","monthly",0.8,"projects/4.headlight","UI/UX + Front-end development + Leadership",[184,192,200,216,237,187,211,195,270,208,271,272,273,274],"Parcel","Docker","Quasar","Capacitor","Cordova","/projects/headlight/thumb.webp","eDBDdG4_ei_jseZn1sPaTQwIw2cfdNm6e48QobdW2K8",1778072419131]