Frontend Developer | UX/UI Designer
Welcome to my portfolio site, built using Next.js, Tailwind CSS, TypeScript, Velite, MDX and shadcn/ui.
Showcase
Explore my featured projects
Check out my portfolio of client projects, showcasing custom web design, development, and live site previews.
Toolkit
Essential tools in my frontend workflow
As a frontend developer, these are the key technologies and tools that I use to streamline my workflow. My go-to IDE, which I rely on daily, is WebStorm. I depend on it for coding, debugging, and performance optimization. Its powerful, built-in features make it invaluable for refactoring large codebases and streamlining the entire development workflow.
Projects
Explore my recent course work
Web applications developed through the Scrimba Frontend Developer Career Path with access to the code repository and live demos.
Quizzical
A trivia game web application utilizing the Open Trivia Database API to generate random questions and track user scores.
Tenzies
A game where players roll 10 dice to match the same number. Focused on clean UI, state management, and user experience.
Movie Watchlist
An app that allows users to search and explore films using the OMDb API, providing real-time access to detailed movie information.
We Are The Champions
An endorsement application powered by Google's Firebase featuring real-time updates for seamless dynamic content.
Password Generator
A custom password generator web application allowing users to set length, select characters, and copy to clipboard.
Color Scheme Generator
A web app using the Color API, to generate schemes based on user-selected seed colors with a copy to clipboard function.
Food Ordering App
Food ordering app called "Jimmy's Diner" that allows users to select menu items and complete the order and pay online.
Posts
Discover all things web development
My blog posts feature various aspects of web development, offering insights, resources and tips for aspiring developers.
A beginner’s guide to mastering core JavaScript concepts for web development.
A blog highlighting influential developers who’ve inspired my growth and learning.
A step-by-step guide to setting up and installing Tailwind CSS with your Next.js project.
A Markdown guide for efficiently formatting your code on GitHub with simple syntax.