9:[{"id":35,"documentId":"waw9zvkpc8vmm5eepqvl2yzc","title":"TryCatch (Theo)","description":null,"type":"snippet","content":"```typescript\n// Types for the result object with discriminated union\ntype Success = {\n data: T;\n error: null;\n};\n\ntype Failure = {\n data: null;\n error: E;\n};\n\ntype Result = Success | Failure;\n\n// Main wrapper function\nexport async function tryCatch(\n promise: Promise,\n): Promise> {\n try {\n const data = await promise;\n return { data, error: null };\n } catch (error) {\n return { data: null, error: error as E };\n }\n}\n```","source":null,"createdAt":"2025-03-20T15:51:45.314Z","updatedAt":"2025-03-20T19:02:26.725Z","publishedAt":"2025-03-20T19:02:26.753Z","image":null,"video":null,"tags":[]},{"id":20,"documentId":"utodfdmevmeq6qoaj219jdrf","title":"useLocalStorage","description":"useLocalStorage hook","type":"snippet","content":"```typescript\nfunction useLocalStorage(key: string, initialValue: T) {\n // Get from local storage then\n // parse stored json or return initialValue\n const readValue = () => {\n if (typeof window === 'undefined') {\n return initialValue;\n }\n try {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n console.warn(\\`Error reading localStorage key \"\\${key}\":\\`, error);\n return initialValue;\n }\n };\n\n const [storedValue, setStoredValue] = useState(readValue);\n\n const setValue = (value: T | ((val: T) => T)) => {\n try {\n const valueToStore = value instanceof Function ? value(storedValue) : value;\n setStoredValue(valueToStore);\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n } catch (error) {\n console.warn(\\`Error setting localStorage key \"\\${key}\":\\`, error);\n }\n };\n\n return [storedValue, setValue] as const;\n}\n```","source":null,"createdAt":"2025-02-28T09:58:05.119Z","updatedAt":"2025-02-28T09:58:08.385Z","publishedAt":"2025-02-28T09:58:08.405Z","image":null,"video":null,"tags":[{"id":32,"documentId":"xftw52js1y6qyu4rmc55gsmh","title":"React","createdAt":"2025-02-27T18:49:25.898Z","updatedAt":"2025-02-27T18:49:27.446Z","publishedAt":"2025-02-27T18:49:27.463Z"},{"id":4,"documentId":"c3n3um8bw0fu5s9uyqoumcyn","title":"Typescript","createdAt":"2025-02-25T18:11:24.052Z","updatedAt":"2025-02-25T18:11:24.052Z","publishedAt":"2025-02-25T18:11:24.065Z"}]},{"id":21,"documentId":"wi6dw5ke5jwc55nly0qg3vd1","title":"Basic Three.js Scene Setup","description":"A basic Three.js scene setup with camera, renderer, and a simple animation loop.","type":"snippet","content":"```javascript\nimport * as THREE from 'three';\n\n// Create scene\nconst scene = new THREE.Scene();\n\n// Create camera\nconst camera = new THREE.PerspectiveCamera(\n 75,\n window.innerWidth / window.innerHeight,\n 0.1,\n 1000\n);\ncamera.position.z = 5;\n\n// Create renderer\nconst renderer = new THREE.WebGLRenderer();\nrenderer.setSize(window.innerWidth, window.innerHeight);\ndocument.body.appendChild(renderer.domElement);\n\n// Add a cube\nconst geometry = new THREE.BoxGeometry();\nconst material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });\nconst cube = new THREE.Mesh(geometry, material);\nscene.add(cube);\n\n// Animation loop\nfunction animate() {\n requestAnimationFrame(animate);\n cube.rotation.x += 0.01;\n cube.rotation.y += 0.01;\n renderer.render(scene, camera);\n}\nanimate();\n```","source":null,"createdAt":"2025-02-26T17:04:18.202Z","updatedAt":"2025-02-28T10:45:38.973Z","publishedAt":"2025-02-28T10:45:38.999Z","image":null,"video":null,"tags":[{"id":10,"documentId":"b28hl9x48xx4gt1fk6ncgp7f","title":"Snippet","createdAt":"2025-02-26T16:30:06.139Z","updatedAt":"2025-02-26T16:30:11.518Z","publishedAt":"2025-02-26T16:30:11.529Z"},{"id":2,"documentId":"zabgqmw8il2tp03zanltjtiz","title":"Javascript","createdAt":"2025-02-25T18:11:11.268Z","updatedAt":"2025-02-25T18:11:11.268Z","publishedAt":"2025-02-25T18:11:11.287Z"}]},{"id":22,"documentId":"op0hwtog1vzzra53vpzdqr4n","title":"Tailwind CSS Grid Layout","description":"A responsive grid layout using Tailwind CSS that adapts from 1 to 3 columns based on screen size","type":"snippet","content":"```html\n

Card 1

Some content here

\n \n

\n```","source":null,"createdAt":"2025-02-26T17:02:55.216Z","updatedAt":"2025-02-28T10:47:52.167Z","publishedAt":"2025-02-28T10:47:52.182Z","image":null,"video":null,"tags":[{"id":10,"documentId":"b28hl9x48xx4gt1fk6ncgp7f","title":"Snippet","createdAt":"2025-02-26T16:30:06.139Z","updatedAt":"2025-02-26T16:30:11.518Z","publishedAt":"2025-02-26T16:30:11.529Z"},{"id":26,"documentId":"jvwexkdctd0ke37v49zpcq3f","title":"HTML","createdAt":"2025-02-27T18:46:48.489Z","updatedAt":"2025-02-27T18:46:49.985Z","publishedAt":"2025-02-27T18:46:49.996Z"}]},{"id":24,"documentId":"wisjxq60gl08chzndvfsthtz","title":"Street skating in BCN","description":"A clip of me on a sun street skate in Barcelona","type":"video","content":null,"source":null,"createdAt":"2025-02-26T17:07:46.248Z","updatedAt":"2025-02-28T10:50:43.258Z","publishedAt":"2025-02-28T10:50:43.279Z","image":null,"video":{"id":4,"documentId":"in77ejy3ut76vgekxvjwfuv2","name":"1000053636.MP4","alternativeText":"A Skate Day in Barcelona","caption":"A Skate Day in Barcelona","width":null,"height":null,"formats":null,"hash":"1000053636_4089bad12d","ext":".MP4","mime":"video/mp4","size":84703.62,"url":"/uploads/1000053636_4089bad12d.MP4","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2025-01-18T17:43:53.969Z","updatedAt":"2025-02-26T17:24:39.926Z","publishedAt":"2025-01-18T17:43:53.970Z"},"tags":[{"id":28,"documentId":"do84i75cvgcgnmn0m0fuc0cq","title":"Video","createdAt":"2025-02-27T18:46:58.885Z","updatedAt":"2025-02-27T18:47:00.859Z","publishedAt":"2025-02-27T18:47:00.869Z"},{"id":40,"documentId":"v0zp09735cqwhcua1jqhpuc8","title":"Rollerskating","createdAt":"2025-02-28T10:50:13.783Z","updatedAt":"2025-02-28T10:50:15.094Z","publishedAt":"2025-02-28T10:50:15.112Z"}]},{"id":26,"documentId":"a53t7qkui3joqi4w326kavfg","title":"My outdoor skates","description":"Nike Flexlite 2s with a Suregrip Avanti plate, Wicked bearings and Airwaves (65mm 78a) ","type":"image","content":null,"source":null,"createdAt":"2025-02-26T17:06:48.003Z","updatedAt":"2025-02-28T12:09:33.218Z","publishedAt":"2025-02-28T12:09:33.242Z","image":{"id":40,"documentId":"hjs0kecjyslrhlwe5m8dl37t","name":"outdoor skates.jpeg","alternativeText":null,"caption":null,"width":3024,"height":4032,"formats":{"large":{"ext":".jpeg","url":"/uploads/large_outdoor_skates_a527583f56.jpeg","hash":"large_outdoor_skates_a527583f56","mime":"image/jpeg","name":"large_outdoor skates.jpeg","path":null,"size":185.39,"width":750,"height":1000,"sizeInBytes":185390},"small":{"ext":".jpeg","url":"/uploads/small_outdoor_skates_a527583f56.jpeg","hash":"small_outdoor_skates_a527583f56","mime":"image/jpeg","name":"small_outdoor skates.jpeg","path":null,"size":48.66,"width":375,"height":500,"sizeInBytes":48657},"medium":{"ext":".jpeg","url":"/uploads/medium_outdoor_skates_a527583f56.jpeg","hash":"medium_outdoor_skates_a527583f56","mime":"image/jpeg","name":"medium_outdoor skates.jpeg","path":null,"size":105.42,"width":563,"height":750,"sizeInBytes":105417},"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_outdoor_skates_a527583f56.jpeg","hash":"thumbnail_outdoor_skates_a527583f56","mime":"image/jpeg","name":"thumbnail_outdoor skates.jpeg","path":null,"size":5.91,"width":117,"height":156,"sizeInBytes":5911}},"hash":"outdoor_skates_a527583f56","ext":".jpeg","mime":"image/jpeg","size":960.73,"url":"/uploads/outdoor_skates_a527583f56.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2025-02-28T12:05:17.238Z","updatedAt":"2025-02-28T12:05:17.238Z","publishedAt":"2025-02-28T12:05:17.238Z"},"video":null,"tags":[{"id":40,"documentId":"v0zp09735cqwhcua1jqhpuc8","title":"Rollerskating","createdAt":"2025-02-28T10:50:13.783Z","updatedAt":"2025-02-28T10:50:15.094Z","publishedAt":"2025-02-28T10:50:15.112Z"}]},{"id":28,"documentId":"z8cc0hp6e5i2hvvm0a3frcj6","title":"Muscle group exercises ","description":"Some exercises for each muscle group if I ever get back into the gym consistently","type":"note","content":"**Chest & Triceps**\n- Bench press dumbbells\n- Bench press bar (guided/railed)\n- Inclined bench press\n- Flat fly \n- Cable push down\n- Overhead arm extensions\n- Front arm extensions\n\n**Back & Biceps**\n- Bar scapular pulldowns\n- Bar bent over rows\n- Dumbbell bent over rows \n- Seated close row\n- Bar swing pulldown\n- Back extensions\n- Curvy bar curls\n- Rope hammer curls\n\n\n**Shoulders & Core**\n- Shoulder press\n- Lateral raises\n- Shrugs\n- Clean pulls\n- Front raise\n- Leg raise\n- Lower back raise\n\n**Legs**\n- Leg extensions\n- Bar squats\n- Leg press\n- Weighted lunges\n- Leg curls","source":null,"createdAt":"2025-02-26T17:16:13.224Z","updatedAt":"2025-02-28T12:27:03.178Z","publishedAt":"2025-02-28T12:27:03.219Z","image":null,"video":null,"tags":[{"id":42,"documentId":"sjcvs5j3p9ishm9zv153mg90","title":"Note","createdAt":"2025-02-28T12:17:09.302Z","updatedAt":"2025-02-28T12:17:10.689Z","publishedAt":"2025-02-28T12:17:10.707Z"}]},{"id":30,"documentId":"q17qebsgxmdsbfts8yzvhxfw","title":"My wheel alignment reminder","description":"A reminder to get wheel alignment done before I end up with terrible road tyres. The inner threads were completely bald, unknown to me since the outer threads looked fine.","type":"image","content":null,"source":null,"createdAt":"2025-02-28T12:29:17.531Z","updatedAt":"2025-02-28T12:29:18.797Z","publishedAt":"2025-02-28T12:29:18.829Z","image":{"id":37,"documentId":"bmfl7y33961anmpfuu6ugl43","name":"wheel alignment reminder.jpeg","alternativeText":null,"caption":null,"width":3024,"height":4032,"formats":{"large":{"ext":".jpeg","url":"/uploads/large_wheel_alignment_reminder_cff55e8a80.jpeg","hash":"large_wheel_alignment_reminder_cff55e8a80","mime":"image/jpeg","name":"large_wheel alignment reminder.jpeg","path":null,"size":175.57,"width":750,"height":1000,"sizeInBytes":175565},"small":{"ext":".jpeg","url":"/uploads/small_wheel_alignment_reminder_cff55e8a80.jpeg","hash":"small_wheel_alignment_reminder_cff55e8a80","mime":"image/jpeg","name":"small_wheel alignment reminder.jpeg","path":null,"size":48.66,"width":375,"height":500,"sizeInBytes":48663},"medium":{"ext":".jpeg","url":"/uploads/medium_wheel_alignment_reminder_cff55e8a80.jpeg","hash":"medium_wheel_alignment_reminder_cff55e8a80","mime":"image/jpeg","name":"medium_wheel alignment reminder.jpeg","path":null,"size":101.53,"width":563,"height":750,"sizeInBytes":101532},"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_wheel_alignment_reminder_cff55e8a80.jpeg","hash":"thumbnail_wheel_alignment_reminder_cff55e8a80","mime":"image/jpeg","name":"thumbnail_wheel alignment reminder.jpeg","path":null,"size":5.97,"width":117,"height":156,"sizeInBytes":5966}},"hash":"wheel_alignment_reminder_cff55e8a80","ext":".jpeg","mime":"image/jpeg","size":952.55,"url":"/uploads/wheel_alignment_reminder_cff55e8a80.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2025-02-28T12:03:43.614Z","updatedAt":"2025-02-28T12:03:43.614Z","publishedAt":"2025-02-28T12:03:43.614Z"},"video":null,"tags":[{"id":42,"documentId":"sjcvs5j3p9ishm9zv153mg90","title":"Note","createdAt":"2025-02-28T12:17:09.302Z","updatedAt":"2025-02-28T12:17:10.689Z","publishedAt":"2025-02-28T12:17:10.707Z"}]},{"id":32,"documentId":"bba8uizs4hdmuvjjaaqraht8","title":"My few medals","description":"A few medals I earned from Taekwondo and Field Hockey when I as a younger lad.","type":"image","content":null,"source":null,"createdAt":"2025-02-28T12:30:36.367Z","updatedAt":"2025-02-28T12:31:26.540Z","publishedAt":"2025-02-28T12:31:26.559Z","image":{"id":41,"documentId":"cc7jcmdkfwj3632s1c7mjr0z","name":"taekwondo and field hockey medals.jpeg","alternativeText":null,"caption":null,"width":2316,"height":3088,"formats":{"large":{"ext":".jpeg","url":"/uploads/large_taekwondo_and_field_hockey_medals_7d7dc1d68f.jpeg","hash":"large_taekwondo_and_field_hockey_medals_7d7dc1d68f","mime":"image/jpeg","name":"large_taekwondo and field hockey medals.jpeg","path":null,"size":147.49,"width":750,"height":1000,"sizeInBytes":147486},"small":{"ext":".jpeg","url":"/uploads/small_taekwondo_and_field_hockey_medals_7d7dc1d68f.jpeg","hash":"small_taekwondo_and_field_hockey_medals_7d7dc1d68f","mime":"image/jpeg","name":"small_taekwondo and field hockey medals.jpeg","path":null,"size":45.49,"width":375,"height":500,"sizeInBytes":45486},"medium":{"ext":".jpeg","url":"/uploads/medium_taekwondo_and_field_hockey_medals_7d7dc1d68f.jpeg","hash":"medium_taekwondo_and_field_hockey_medals_7d7dc1d68f","mime":"image/jpeg","name":"medium_taekwondo and field hockey medals.jpeg","path":null,"size":91.65,"width":563,"height":750,"sizeInBytes":91645},"thumbnail":{"ext":".jpeg","url":"/uploads/thumbnail_taekwondo_and_field_hockey_medals_7d7dc1d68f.jpeg","hash":"thumbnail_taekwondo_and_field_hockey_medals_7d7dc1d68f","mime":"image/jpeg","name":"thumbnail_taekwondo and field hockey medals.jpeg","path":null,"size":6.62,"width":117,"height":156,"sizeInBytes":6617}},"hash":"taekwondo_and_field_hockey_medals_7d7dc1d68f","ext":".jpeg","mime":"image/jpeg","size":808.68,"url":"/uploads/taekwondo_and_field_hockey_medals_7d7dc1d68f.jpeg","previewUrl":null,"provider":"local","provider_metadata":null,"createdAt":"2025-02-28T12:05:28.984Z","updatedAt":"2025-02-28T12:05:28.984Z","publishedAt":"2025-02-28T12:05:28.986Z"},"video":null,"tags":[{"id":46,"documentId":"ppqfjzkv6ics2slnr40refuw","title":"Achievements","createdAt":"2025-02-28T12:31:09.850Z","updatedAt":"2025-02-28T12:31:11.612Z","publishedAt":"2025-02-28T12:31:11.630Z"}]}]

Media

A collection of my creative work, including videos, images, code snippets and other media.