Full Stack Developer
Committed to using technology to solve complex problems.
Selected Work
Applications
Full Stack Application
Real-time chat app with Firebase auth, anonymous guest mode, and message deletion. Built from scratch in React and TypeScript.
Full Stack Application
Short story sharing platform. Custom auth with bcrypt, image uploads to Cloudinary, and server-side rendering.
Frontend + Firebase
Pulls dog facts and images from Firestore using ReactFire. Early React project exploring Firebase integration.
Frontend
Real estate landing page. CSS animations, jQuery, and SASS.
WordPress & Client Work
WordPress WP
Hydrotech Water brand site. Built and managed with GA4, Search Console, and Cloudflare.
WordPress WP
Canature WaterGroup corporate site. Managed content, analytics, and Search Console.
WordPress WP
Commercial division site. End-to-end setup including Algolia search and Cloudflare.
WordPress WP
Dental practice site. WordPress and Elementor.
WordPress WP
Novo Water brand site. Built end-to-end — domain, DNS, hosting, and WordPress.
Content
Technical videos breaking down programming concepts — algorithms, React patterns, and performance optimization.
Learn Big O in Three Minutes: Analogies & Animations
Big O Notation isn't too hard to understand once you break it down. In this video we go through real world examples, with helpful animations to explain the Big O scenarios. Dive in and learn about how computer scientists describe time and space complexity everyday.
Memo in React in Five Minutes
Dive into the power of optimization in React with memo. Learn how to prevent unnecessary re-renders and supercharge your app's performance in this quick tutorial. If you're ready to level up your React skills and make your applications more efficient, this video is a must-watch!
Learn React's UseCallback in Less Than Seven Minutes
Learn how to optimize your React applications by avoiding unnecessary re-renders and improving performance. Practical examples here help you to understand real-world scenarios of when to use useCallback.
Boost Your Web Performance with Throttle
Get a grip on the concept of Throttle in this quick, easy-to-understand 12-minute tutorial. Watch real-world examples, see how many API calls are made with a simple search input, and learn how Throttle can optimize your application's performance.
Solving LeetCode 295: Find Median from Data Stream
Join us as we tackle LeetCode problem 295, 'Find Median from Data Stream', using TypeScript. In this tutorial, we delve into the efficient use of two priority queues (implemented as heaps) to dynamically calculate the median in a stream of numbers.
Mastering Debounce: Optimizing Performance in JavaScript
In this video, we delve into the world of debounce, a powerful technique in JavaScript that can optimize performance and enhance user experience. Join us as we explore what debounce is, why it's crucial in web development, and real-world scenarios where it provides significant benefits.