software engineer - frontend developer
Below are a few projects I've built.
Lisa Liebermann's website
Website for ceramic artist Lisa Liebermann, designed by Aadila Chand on Figma. This Next.js project uses TypeScript and SASS, and is deployed with Netlify.
Weather App
A weather app that uses the Geolocation API. Type a city name and hit 'Enter' to see it in action, or simply use the 'Get Device Location' button - you'll have to allow location access when you're prompted for this to work.
Audio Visualiser
An audio visualiser that responds to microphone input. Click this link, then allow microphone access and speak into your mic or play some music to see it in action. This project was inspired by Frank over at Franks Laboratory.
Stick Hero Tribute
My first mobile-friendly game, inspired by the Stick Hero game from KetchApp. Javascript implementation inspired by this tutorial. Credit for character sprites goes to The Spriters Resource. Credit for the background images goes to CraftPix.net 2D Game Assets. This soundtrack is from Heartbound, a game by Pirate Software.
When Pigs Fly Game
A game built using the HTML <canvas>
element. I love pigs so I chose this lovely little hog and added some wings to turn it into an animated character. To play; click this link, then shoot the pigs before they disappear off the canvas. Let me know what your highscore was! Credit for the background image goes to nightwolfdezines.
Knight of Cups Game
Another game built with the <canvas>
element. I used characters from two of my favourite 2D games Cuphead and Hollow Knight. To play; click this link, then use the arrow keys on your keyboard to control Cuphead and avoid touching the jellyfish. Credit for all game assets goes to The Spriters Resource.
Hi! My journey in web development began in 2016, when I transitioned from browsing the web to discovering how it works behind the scenes. Eight years later, I'm still captivated by the field's ever-evolving nature, and I love that there's always something new to learn.
I specialize in frontend development, with a focus on CSS, HTML, JavaScript, TypeScript, SCSS, Node.js, Next.js, and React.
“The illiterate of the 21st century will not be those who cannot read and write, but those who cannot learn, unlearn, and relearn.”
~
Alvin Toffler