I'm a full-stack web developer with over a decade of experience turning ideas into captivating web applications. My secret sauce? A love for clean code paired with a flair for creative problem-solving! I focus on crafting engaging, user-centric experiences across various platforms. With a diverse technical background and a passion for game development and system design, I bring a unique perspective to each project, ensuring that every line of code contributes to something truly exceptional.
sha.codes
about.me
Ever since I was a kid, computers captured my imagination—especially when I stumbled upon the internet. That spark ignited a full-blown love affair with web development! I kicked things off by whipping up websites about my favorite hobbies using HTML, CSS, PHP, and MySQL. From there, I couldn't resist diving into Java, C++, and .NET, creating applications with MSSQL and dabbling in front-end magic with Angular.
For the past eight years, I've been all about modern web technologies. You'll usually find me working my magic with React (a dash of Vue never hurts!) and Next.js with TypeScript. My trusty backend companions are Node.js and Express, often teaming up with PostgreSQL to keep my data in check. This tech combo allows me to build dynamic web applications that serve up seamless experiences for users.
But wait—there's more! I'm also a game design enthusiast, bringing my wild ideas to life using C#. I love crafting strategy and role-playing games that challenge players to think critically and make impactful decisions.
When I'm not glued to my screen coding away, you can catch me enjoying some gaming on my latest PC build or hanging out at the tabletop—where my cat has claimed her favorite nap spot. I'm a curious soul who enjoys reading about a wide range of topics, because let's be real: sometimes the best ideas come from the most unexpected places!
my.experience
I hold a Diploma in System Analysis and Design, along with a Bachelor's degree in International Studies, specialising in International Business. To further enhance my expertise, I pursued an MBA, diving deep into business strategy and leadership.
Beyond my formal education, I'm committed to continuous learning and have completed a variety of courses on JavaScript, React, Node.js, and Unity. I'm also an avid reader, immersing myself in design principles and best practices to craft intuitive and engaging user experiences.
Senior Software Engineer @ Campaign Monitor
March 2022 - Present
At Campaign Monitor, I specialise in front-end development using React.js, Next.js, TypeScript, and modern styling solutions including SASS and Styled Components. Working closely with design teams through Figma, I focus on creating robust, accessible UI components and design systems.
- Architected and maintained design system tools using React.js, TypeScript, and Styled Components, enabling rapid UI development across multiple product teams.
- Implemented HeadlessUI components and established documentation systems using Markdown, creating a centralised knowledge base for product, design, and engineering teams.
- Developed feedback optimisation tools using Next.js and TypeScript to streamline collaboration between product, design, and engineering departments.
- Established and documented front-end engineering best practices, focusing on accessibility standards and component reusability.
- Created comprehensive UI pattern libraries and component documentation, improving team efficiency and maintaining consistency across products.
- Led initiatives in accessible UI development, implementing WCAG guidelines and educating team members on accessibility best practices.
- Built and extended front-end infrastructure using Node.js, improving development workflows and component library management.
my.projects
When I'm not crafting solutions during office hours, you'll find me diving into passion projects that push my technical boundaries. From turning creative visions into pixel-perfect reality to solving complex coding puzzles, these projects showcase both my technical chops and my love for clean, efficient code.
If you're after more code, check out my public repos on GitHub or explore my experiments on CodePen.
An interactive visual-novel style web app designed to introduce and explore fundamental concepts in game theory. Developed to accompany an introductory talk, it allows viewers to experience game theory principles firsthand through a series of dynamic scenarios and decision-making pathways. The app combines narrative elements with educational gameplay, providing an engaging learning environment that demystifies complex topics.
A blog platform built with React and Next.js, featuring dynamic content loading and a clean, minimalist design. Leverages Hygraph's CMS capabilities for efficient content management, with responsive layouts and optimised performance. Implements modern SEO practices and server-side rendering for optimal search engine visibility.
An intuitive D&D 5e character creation tool featuring a sophisticated point-buy system with real-time calculations and validation. Supports all official races and subraces, including custom content, with automatic modifier calculations and stat maximums. Includes detailed tooltips, mobile responsiveness, and shareable character builds via URL parameters.
A feature-rich gaming analytics platform offering detailed game statistics, user reviews, and performance metrics. Implements complex data visualisation for gaming trends, includes a recommendation engine, and features smooth animations for an engaging user experience. MongoDB integration enables efficient handling of large datasets and real-time updates.
my.money
A streamlined mobile finance tracking application built with React Native, focusing on manual entry for greater user control and privacy. Features offline capability, custom categories, and detailed spending analytics. Implements secure authentication and real-time data synchronisation with the backend server.
A modern accounting firm website featuring a clean, professional design with optimised performance metrics. Implements dynamic blog content management through Hygraph, includes interactive service calculators, and features automated appointment scheduling. Optimised for local SEO with structured data markup.
A modern dental practice website featuring an intuitive appointment booking system, service information, and patient resources. Implements responsive design principles for optimal viewing across devices, includes interactive service galleries, and features automated contact forms with validation. Optimised for local SEO with structured data markup.
And more...