Web Developer based in Cambridge, UK.
About me
Hi there! I’m a front-end web developer with a passion for turning ideas into reality. My journey into web development started with a simple curiosity about how the web works, which soon grew into a love for building sleek, responsive designs that are both functional and visually engaging.
Skills & Tools:
HTML
CSS
JavaScript
React
Vue
Svelte
SQL
'/%3e%3cpath%20d='M22.2644%202.0069l-9.7253%201.9056a.3571.3571%200%2000-.2879.3294l-.5982%2010.1038c-.014.238.2045.4227.4367.3691l2.7077-.6248c.2534-.0585.4823.1647.4302.4194l-.8044%203.9393c-.0542.265.1947.4918.4536.4132l1.6724-.5082c.2593-.0787.5084.1487.4536.414l-1.2784%206.1877c-.08.387.4348.598.6495.2662L16.5173%2025%2024.442%209.1848c.1327-.2648-.096-.5667-.387-.5106l-2.787.5379c-.262.0505-.4848-.1934-.4109-.4497l1.8191-6.306c.074-.2568-.1496-.5009-.4118-.4495z'%20fill='url(%23paint1_linear)'/%3e%3cdefs%20id='defs50'%3e%3clinearGradient%20id='paint0_linear'%20x1='6.0002'%20y1='32.9999'%20x2='235'%20y2='344'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(.07142%200%200%20.07142%201.3398%201.8944)'%3e%3cstop%20stop-color='%2341D1FF'%20id='stop38'/%3e%3cstop%20offset='1'%20stop-color='%23BD34FE'%20id='stop40'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear'%20x1='194.651'%20y1='8.8182'%20x2='236.076'%20y2='292.989'%20gradientUnits='userSpaceOnUse'%20gradientTransform='matrix(.07142%200%200%20.07142%201.3398%201.8944)'%3e%3cstop%20stop-color='%23FFEA83'%20id='stop43'/%3e%3cstop%20offset='.0833'%20stop-color='%23FFDD35'%20id='stop45'/%3e%3cstop%20offset='1'%20stop-color='%23FFA800'%20id='stop47'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Vite
Git
GitHub
VSCode
'%3e%3cpath%20d='M202.3569,50.394%20L197.0459,48.27%20C172.0849,104.434%2072.7859,70.289%2066.8109,86.997%20C65.8149,98.283%20121.0379,89.143%20160.5169,91.056%20C172.5559,91.639%20178.5929,100.727%20173.4809,115.54%20L183.5499,115.571%20C195.1649,79.362%20232.2329,97.841%20233.7819,85.891%20C231.2369,78.034%20191.1809,85.891%20202.3569,50.394%20Z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20d='M176.332,109.3483%20C177.925,104.0373%20177.394,98.7263%20174.739,95.5393%20C172.083,92.3523%20168.365,90.2283%20163.585,89.6973%20L71.17,88.6343%20C70.639,88.6343%2070.108,88.1033%2069.577,88.1033%20C69.046,87.5723%2069.046,87.0413%2069.577,86.5103%20C70.108,85.4483%2070.639,84.9163%2071.701,84.9163%20L164.647,83.8543%20C175.801,83.3233%20187.486,74.2943%20191.734,63.6723%20L197.046,49.8633%20C197.046,49.3313%20197.577,48.8003%20197.046,48.2693%20C191.203,21.1823%20166.772,0.9993%20138.091,0.9993%20C111.535,0.9993%2088.697,17.9953%2080.73,41.8963%20C75.419,38.1783%2069.046,36.0533%2061.61,36.5853%20C48.863,37.6473%2038.772,48.2693%2037.178,61.0163%20C36.647,64.2033%2037.178,67.3903%2037.71,70.5763%20C16.996,71.1073%200,88.1033%200,109.3483%20C0,111.4723%200,113.0663%200.531,115.1903%20C0.531,116.2533%201.593,116.7843%202.125,116.7843%20L172.614,116.7843%20C173.676,116.7843%20174.739,116.2533%20174.739,115.1903%20L176.332,109.3483%20Z'%20fill='%23F4811F'%3e%3c/path%3e%3cpath%20d='M205.5436,49.8628%20L202.8876,49.8628%20C202.3566,49.8628%20201.8256,50.3938%20201.2946,50.9248%20L197.5766,63.6718%20C195.9836,68.9828%20196.5146,74.2948%20199.1706,77.4808%20C201.8256,80.6678%20205.5436,82.7918%20210.3236,83.3238%20L229.9756,84.3858%20C230.5066,84.3858%20231.0376,84.9168%20231.5686,84.9168%20C232.0996,85.4478%20232.0996,85.9788%20231.5686,86.5098%20C231.0376,87.5728%20230.5066,88.1038%20229.4436,88.1038%20L209.2616,89.1658%20C198.1076,89.6968%20186.4236,98.7258%20182.1746,109.3478%20L181.1116,114.1288%20C180.5806,114.6598%20181.1116,115.7218%20182.1746,115.7218%20L252.2826,115.7218%20C253.3446,115.7218%20253.8756,115.1908%20253.8756,114.1288%20C254.9376,109.8798%20255.9996,105.0998%20255.9996,100.3188%20C255.9996,72.7008%20233.1616,49.8628%20205.5436,49.8628'%20fill='%23FAAD3F'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Cloudflare
Projects
CDL Workout
I built a workout app using Vue.js that allows users to create workout days, add exercises to each day, and specify reps for each exercise. It leverages Vue's reactive state management to handle dynamic data updates and uses localStorage to retain workout information.
Todo List
I built a to-do list app using Svelte.js that lets users add, edit, delete, and mark tasks as complete. It uses Svelte’s state management for smooth updates and stores tasks in localStorage so they stay saved even after closing the app.