Frontend Developer | UX/UI Designer

Hi, I'm Tim. 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.

Friends In Action International
WordpressHTMLCSSJavaScript

Friends In Action International

Mike's Quality Painting
WordpressHTMLCSSJavaScript

Mike's Quality Painting

BAZ VA Mission
UX/UI Design

BAZ VA Mission

1040Visions
WordpressHTMLCSSJavaScript

1040Visions

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.

HTML5CSS3JavascriptGITTailwind CSSSASSReactNext.jsWordpressWebstormVS CodeFigma

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
REST APIReactCSS

Quizzical

A trivia game web application utilizing the Open Trivia Database API to generate random questions and track user scores.

Tenzies
ReactCSS

Tenzies

A game where players roll 10 dice to match the same number. Focused on clean UI, state management, and user experience.

Movie Watchlist
REST APIHTMLCSSJavaScript

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
FirebaseHTMLCSSJavaScript

We Are The Champions

An endorsement application powered by Google's Firebase featuring real-time updates for seamless dynamic content.

Password Generator
HTMLCSSJavaScript

Password Generator

A custom password generator web application allowing users to set length, select characters, and copy to clipboard.

Color Scheme Generator
REST APIHTMLCSSJavaScript

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
HTMLCSSJavaScript

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.

Read more →

A blog highlighting influential developers who’ve inspired my growth and learning.

Read more →

A step-by-step guide to setting up and installing Tailwind CSS with your Next.js project.

Read more →

A Markdown guide for efficiently formatting your code on GitHub with simple syntax.

Read more →