[{"data":1,"prerenderedAt":66},["ShallowReactive",2],{"project-\u002Fportfolio\u002Fweb-application\u002Fduns-oral-history-project":3},{"id":4,"title":5,"archived":6,"body":7,"carousel":44,"category":45,"description":46,"displayOrder":47,"extension":48,"featured":6,"features":49,"fullImage":44,"image":56,"imageAlt":5,"meta":57,"mockup":58,"navigation":59,"path":60,"repo":44,"seo":61,"stem":62,"subhead":63,"url":64,"__hash__":65},"projects\u002Fportfolio\u002Fweb-application\u002Fduns-oral-history-project.md","Duns Oral History Project",false,{"type":8,"value":9,"toc":40},"minimark",[10,14,17,28,37],[11,12,13],"p",{},"The Duns Oral History web application was written in order to manage and present audio recordings\nof the residents of the Scottish Borders town of Duns.",[11,15,16],{},"The application was required to allow the administrator of the project to add the audio recording, images\nrelating to the recording, a description of the piece and a transcript of that particular\npart of the interview.",[11,18,19,20,27],{},"The application was written using ",[21,22,26],"a",{"href":23,"rel":24},"https:\u002F\u002Fnuxtjs.org\u002F",[25],"nofollow","Nuxt JS",", a framework for\nwriting Vue JS applications, initially to take advantage of server side rendering\nhowever ending up being used as a Static Site Generator to reduce hosting costs for the\nclient. The addition of hot-reloading and simple initial set-up made getting started\nquick and easy.",[11,29,30,31,36],{},"All the data is stored in a ",[21,32,35],{"href":33,"rel":34},"https:\u002F\u002Ffirebase.google.com\u002F",[25],"Firebase"," Database and files\nstored in Google Cloud Storage.",[11,38,39],{},"I also created this as a Progressive Web App to improve performance.",{"title":41,"searchDepth":42,"depth":42,"links":43},"",2,[],null,"web-application","A web application for the management and presentation of audio recordings taken from interviews with the local residents of Duns in the Scottish Borders.",4,"md",[50,51,52,26,35,53,54,55],"HTML5","SCSS","Vue JS","Babel","Webpack","PWA","\u002Fimages\u002Fprojects\u002Fweb-application\u002Fduns-oral-history-project.jpg",{},"\u002Fimages\u002Fprojects\u002Fweb-application\u002Fduns-oral-history-project-mockup.png",true,"\u002Fportfolio\u002Fweb-application\u002Fduns-oral-history-project",{"title":5,"description":46},"portfolio\u002Fweb-application\u002Fduns-oral-history-project","Oral History Web Application","https:\u002F\u002Fdunse-oral-history.web.app\u002F","E3ZUZ-rfgZmyopfiyYjM1kgLapKNvRu8Tr5jxBKwkJM",1794397889383]