{"componentChunkName":"component---src-templates-work-js","path":"/works/meditation-timer","result":{"data":{"datoCmsWork":{"seoMetaTags":{"tags":[{"tagName":"title","content":"How to make a meditation timer using react hooks"},{"tagName":"meta","attributes":{"property":"og:title","content":"How to make a meditation timer using react hooks"}},{"tagName":"meta","attributes":{"name":"twitter:title","content":"How to make a meditation timer using react hooks"}},{"tagName":"meta","attributes":{"name":"description","content":"Pitch founders hackathon business-to-business growth hacking pivot rockstar deployment business model canvas handshake stock business-to-consumer. "}},{"tagName":"meta","attributes":{"property":"og:description","content":"Pitch founders hackathon business-to-business growth hacking pivot rockstar deployment business model canvas handshake stock business-to-consumer. "}},{"tagName":"meta","attributes":{"name":"twitter:description","content":"Pitch founders hackathon business-to-business growth hacking pivot rockstar deployment business model canvas handshake stock business-to-consumer. "}},{"tagName":"meta","attributes":{"name":"twitter:site","content":"@xxx"}},{"tagName":"meta","attributes":{"name":"twitter:card","content":"summary"}},{"tagName":"meta","attributes":{"property":"article:modified_time","content":"2024-02-20T22:14:09Z"}},{"tagName":"meta","attributes":{"property":"article:published_time","content":"2020-11-14T02:14:22Z"}},{"tagName":"meta","attributes":{"property":"article:publisher","content":"https://www.facebook.com/xxx"}},{"tagName":"meta","attributes":{"property":"og:locale","content":"en_EN"}},{"tagName":"meta","attributes":{"property":"og:type","content":"article"}},{"tagName":"meta","attributes":{"property":"og:site_name","content":"Fred Lich"}},{"tagName":"meta","attributes":{"property":"og:image","content":"https://www.datocms-assets.com/28985/1605320015-untitled.png?w=1000&fit=max&fm=jpg"}},{"tagName":"meta","attributes":{"name":"twitter:image","content":"https://www.datocms-assets.com/28985/1605320015-untitled.png?w=1000&fit=max&fm=jpg"}}]},"title":"How to make a meditation timer using react hooks","excerpt":"To learn react hooks I built a meditation timer...","gallery":[],"descriptionNode":{"childMarkdownRemark":{"html":"<p>It's not particularly exciting but I made a meditation timer. Mainly to teach myself react. It plays a nice sound when it ends. </p>\n<p>It was quite fun to get the blob moving in a 'breathing' sort of way.</p>\n<p>See the timer here: <a href=\"https://flicht.github.io/react-meditation-gong/\">https://flicht.github.io/react-meditation-gong/</a></p>\n<p>You can install the chrome app by clicking the icon in the address bar. - Need to update the logo!</p>"}},"coverImage":{"url":"https://www.datocms-assets.com/28985/1605320015-untitled.png","fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QBMRXhpZgAASUkqAAgAAAABAGmHBAABAAAAGgAAAAAAAAADAAGgAwABAAAA//8AAAKgBAABAAAAFgAAAAOgBAABAAAAFQAAAAAAAAD/2wEEEAAJAAsACwANABEADQASABQAFAASABgAGgAYABoAGAAkACEAHgAeACEAJAA2ACcAKQAnACkAJwA2AFEAMwA7ADMAMwA7ADMAUQBHAFYARwBCAEcAVgBHAIAAZQBZAFkAZQCAAJQAfAB2AHwAlACzAKAAoACzAOEA1QDhASUBJQGKEQAJAAsACwANABEADQASABQAFAASABgAGgAYABoAGAAkACEAHgAeACEAJAA2ACcAKQAnACkAJwA2AFEAMwA7ADMAMwA7ADMAUQBHAFYARwBCAEcAVgBHAIAAZQBZAFkAZQCAAJQAfAB2AHwAlACzAKAAoACzAOEA1QDhASUBJQGK/8IAEQgAFQAWAwEiAAIRAQMRAf/EAC8AAQEBAAMAAAAAAAAAAAAAAAAEBQIGBwEAAgMAAAAAAAAAAAAAAAAAAQMABAX/2gAMAwEAAhADEAAAAPX8/jn5ljsyQ5dU4ZYCP//EACAQAAEEAQQDAAAAAAAAAAAAAAEAAgMRBBIhMZEyUWH/2gAIAQEAAT8Anm0ChyUMmW71KKQPbfazA4vcAaNbFOikLgRIR8WHdO9KSFr+e0MNt+RTWhooDZf/xAAaEQACAgMAAAAAAAAAAAAAAAABAgAREDFB/9oACAECAQE/AGY3uopsCFQeY//EABgRAQADAQAAAAAAAAAAAAAAAAEAEBEh/9oACAEDAQE/AAMidmtf/9k=","aspectRatio":1.0708661417322836,"src":"https://www.datocms-assets.com/28985/1605320015-untitled.png?auto=compress%2Cformat&fm=jpg","srcSet":"https://www.datocms-assets.com/28985/1605320015-untitled.png?auto=compress%2Cformat&dpr=0.28&fm=jpg&w=544 150w,\nhttps://www.datocms-assets.com/28985/1605320015-untitled.png?auto=compress%2Cformat&dpr=0.56&fm=jpg&w=544 300w,\nhttps://www.datocms-assets.com/28985/1605320015-untitled.png?auto=compress%2Cformat&dpr=1&fm=jpg&w=544 544w","sizes":"(max-width: 600px) 100vw, 600px"}}}},"pageContext":{"slug":"meditation-timer"}}}