{"componentChunkName":"component---src-templates-project-template-tsx","path":"/board-master/","result":{"data":{"projectsJson":{"title":"Board Master","description":"Head to head competitive typing test featuring words per minute and accuracy scoring, built on Express.js and Socket.io","writing":{"process":"Inspired by typings.gg, this optimized typing-skill application is loaded with features. I went into this application with the idea of creating a head-to-head typing application to challenge yourself and others. Once I started the coding phase, many ideas started popping out at me to build such as a lobby system and chat capabilities. Other features I am proud of are the lobby options, scoring system, and practice lobbies while you wait around in the challenge lobby. When a player joins a lobby in a room, the player can choose the amount of words and with the max word length that the challenge will render. The scoring system calculates your accuracy and words per minute; corrected and uncorrected errors are accounted for in the scoring calculation algorithm.","processSub":"I chose to write both the client and server in TypeScript which taught me an incredible amount about TypeScript. This presented me with a good opportunity to work with TypeScript namespaces and classes as well as Node.js design concepts which I dont normally work with in the React Ecosystem.","conclusion":["Expanded my knowledge of OOP techniques and architecture","Developed extensive experience with Socket.io API ","Became more knowledgeable with real-time client to server communication"]},"stack":["TypeScript","React","Express.js","Socket.io","SASS"],"source":"https://github.com/capriok/Board-Master","demo":"https://board-master.kylecaprio.dev","resources":["https://socket.io","https://devcenter.heroku.com"],"images":[{"extension":"jpg","publicURL":"/static/4a854a6e6777c03d011758da808f98bb/BMASTER-SHOWCASE.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEAv/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAG1pmFFAf/EABoQAQEAAgMAAAAAAAAAAAAAAAECABIQERP/2gAIAQEAAQUCRb8TJ71ZGtJ4/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAHhAAAgEDBQAAAAAAAAAAAAAAAAECEBGRISIxMlH/2gAIAQEABj8CUeI+3HvlkRqkdVin/8QAGRABAAMBAQAAAAAAAAAAAAAAAQARITFB/9oACAEBAAE/IU1o6KPI1+GbETam1WekYo5P/9oADAMBAAIAAwAAABBY/wD/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAbEAEAAgMBAQAAAAAAAAAAAAABABEhUXEx4f/aAAgBAQABPxB3Gusls1WsewOBBh55LIhBYTWdBnxSECBQE//Z","aspectRatio":1.9083969465648856,"src":"/static/4a854a6e6777c03d011758da808f98bb/a66ad/BMASTER-SHOWCASE.jpg","srcSet":"/static/4a854a6e6777c03d011758da808f98bb/f0719/BMASTER-SHOWCASE.jpg 500w,\n/static/4a854a6e6777c03d011758da808f98bb/724c8/BMASTER-SHOWCASE.jpg 1000w,\n/static/4a854a6e6777c03d011758da808f98bb/a66ad/BMASTER-SHOWCASE.jpg 2000w,\n/static/4a854a6e6777c03d011758da808f98bb/b0981/BMASTER-SHOWCASE.jpg 2554w","sizes":"(max-width: 2000px) 100vw, 2000px"}}},{"extension":"jpg","publicURL":"/static/3c54fb417ab44a8b6679342ac57f3b67/BMASTER-HOME.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMBAgQF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB7dNECxof/8QAGBABAAMBAAAAAAAAAAAAAAAAAgABEyD/2gAIAQEAAQUCzEoGZjj/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAYEAADAQEAAAAAAAAAAAAAAAACMpEAIP/aAAgBAQAGPwJBmQZkGcf/xAAaEAACAgMAAAAAAAAAAAAAAAAAEQHxIDFB/9oACAEBAAE/IawT29vBWMP/2gAMAwEAAgADAAAAEFAP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHRAAAQMFAQAAAAAAAAAAAAAAAQAQIRExQcHwYf/aAAgBAQABPxDitLDqQFAx7F1xWmDf/9k=","aspectRatio":1.9157088122605364,"src":"/static/3c54fb417ab44a8b6679342ac57f3b67/a66ad/BMASTER-HOME.jpg","srcSet":"/static/3c54fb417ab44a8b6679342ac57f3b67/f0719/BMASTER-HOME.jpg 500w,\n/static/3c54fb417ab44a8b6679342ac57f3b67/724c8/BMASTER-HOME.jpg 1000w,\n/static/3c54fb417ab44a8b6679342ac57f3b67/a66ad/BMASTER-HOME.jpg 2000w,\n/static/3c54fb417ab44a8b6679342ac57f3b67/c02f5/BMASTER-HOME.jpg 2558w","sizes":"(max-width: 2000px) 100vw, 2000px"}}},{"extension":"jpg","publicURL":"/static/8b78d1cba50b26043c7e51e8d345b549/BMASTER-CHAT.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHZXakUND//xAAYEAEBAQEBAAAAAAAAAAAAAAABAgMTIP/aAAgBAQABBQJyhDGSuceP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGhAAAgIDAAAAAAAAAAAAAAAAADIBkQIRIP/aAAgBAQAGPwJYoWNCY1x//8QAHBAAAgEFAQAAAAAAAAAAAAAAAAERECExYXHx/9oACAEBAAE/IY9HwIV/ZHmBYr//2gAMAwEAAgADAAAAEAAP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHhABAAECBwAAAAAAAAAAAAAAAQARMRBBUXGBwfD/2gAIAQEAAT8QSuszAYcFzUVrR14niupb2x//2Q==","aspectRatio":1.9230769230769231,"src":"/static/8b78d1cba50b26043c7e51e8d345b549/a66ad/BMASTER-CHAT.jpg","srcSet":"/static/8b78d1cba50b26043c7e51e8d345b549/f0719/BMASTER-CHAT.jpg 500w,\n/static/8b78d1cba50b26043c7e51e8d345b549/724c8/BMASTER-CHAT.jpg 1000w,\n/static/8b78d1cba50b26043c7e51e8d345b549/a66ad/BMASTER-CHAT.jpg 2000w,\n/static/8b78d1cba50b26043c7e51e8d345b549/af32d/BMASTER-CHAT.jpg 2559w","sizes":"(max-width: 2000px) 100vw, 2000px"}}},{"extension":"jpg","publicURL":"/static/fd69654fdb094f139d7f0e3b21853ed5/BMASTER-LOBBY.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHZXakUND//xAAYEAADAQEAAAAAAAAAAAAAAAABAgMTIP/aAAgBAQABBQIymQIqGzTj/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGxAAAQQDAAAAAAAAAAAAAAAAAAERMpECEiD/2gAIAQEABj8CbVKIoxDGuP/EABwQAAIABwAAAAAAAAAAAAAAAAABEBEhMWFx8f/aAAgBAQABPyF6k9BIr5I5gVo//9oADAMBAAIAAwAAABAAD//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EAB8QAQABAgcBAAAAAAAAAAAAAAEAETEQQVFxgZHB8P/aAAgBAQABPxByGcwHsgYXNorWjrxPnvJb2x//2Q==","aspectRatio":1.9157088122605364,"src":"/static/fd69654fdb094f139d7f0e3b21853ed5/a66ad/BMASTER-LOBBY.jpg","srcSet":"/static/fd69654fdb094f139d7f0e3b21853ed5/f0719/BMASTER-LOBBY.jpg 500w,\n/static/fd69654fdb094f139d7f0e3b21853ed5/724c8/BMASTER-LOBBY.jpg 1000w,\n/static/fd69654fdb094f139d7f0e3b21853ed5/a66ad/BMASTER-LOBBY.jpg 2000w,\n/static/fd69654fdb094f139d7f0e3b21853ed5/2e889/BMASTER-LOBBY.jpg 2560w","sizes":"(max-width: 2000px) 100vw, 2000px"}}},{"extension":"jpg","publicURL":"/static/26e34a87854fa6a7af9bbe9b8532b001/BMASTER-MATCH.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHZXakSOD//xAAaEAABBQEAAAAAAAAAAAAAAAACAAEDEhMg/9oACAEBAAEFAniBZDbMOP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABoQAAICAwAAAAAAAAAAAAAAAAIyAJERIHH/2gAIAQEABj8CQaijjkQa0//EABsQAAIBBQAAAAAAAAAAAAAAAAABIRAxcYHx/9oACAEBAAE/IWVCNBKSbAc4K1f/2gAMAwEAAgADAAAAEMMP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHhAAAQIHAQAAAAAAAAAAAAAAAQBxEDFBUWHB4fD/2gAIAQEAAT8QIQSvyRSNcYOGXttKQ0f/2Q==","aspectRatio":1.9157088122605364,"src":"/static/26e34a87854fa6a7af9bbe9b8532b001/a66ad/BMASTER-MATCH.jpg","srcSet":"/static/26e34a87854fa6a7af9bbe9b8532b001/f0719/BMASTER-MATCH.jpg 500w,\n/static/26e34a87854fa6a7af9bbe9b8532b001/724c8/BMASTER-MATCH.jpg 1000w,\n/static/26e34a87854fa6a7af9bbe9b8532b001/a66ad/BMASTER-MATCH.jpg 2000w,\n/static/26e34a87854fa6a7af9bbe9b8532b001/c02f5/BMASTER-MATCH.jpg 2558w","sizes":"(max-width: 2000px) 100vw, 2000px"}}},{"extension":"jpg","publicURL":"/static/91b45272b99384dcfb20a254b5b58f9e/BMASTER-RESULT.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHZXakSOD//xAAaEAACAgMAAAAAAAAAAAAAAAABAgATAxIg/9oACAEBAAEFAjiSVDatOP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABoQAAICAwAAAAAAAAAAAAAAAAIyAJERIHH/2gAIAQEABj8CQaijjkQa0//EABsQAAICAwEAAAAAAAAAAAAAAAABEXEQITHx/9oACAEBAAE/IWFqSglpLqDzAuZ//9oADAMBAAIAAwAAABDDD//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EAB4QAAECBwEAAAAAAAAAAAAAAAEAcRAxQVFhweHw/9oACAEBAAE/ECUC3ckcKsYOGXvtKW0f/9k=","aspectRatio":1.9157088122605364,"src":"/static/91b45272b99384dcfb20a254b5b58f9e/a66ad/BMASTER-RESULT.jpg","srcSet":"/static/91b45272b99384dcfb20a254b5b58f9e/f0719/BMASTER-RESULT.jpg 500w,\n/static/91b45272b99384dcfb20a254b5b58f9e/724c8/BMASTER-RESULT.jpg 1000w,\n/static/91b45272b99384dcfb20a254b5b58f9e/a66ad/BMASTER-RESULT.jpg 2000w,\n/static/91b45272b99384dcfb20a254b5b58f9e/2e889/BMASTER-RESULT.jpg 2560w","sizes":"(max-width: 2000px) 100vw, 2000px"}}}]}},"pageContext":{"slug":"board-master"}},"staticQueryHashes":[]}