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.

Projects

Explore my recent work

Featured web applications built throughout the Scrimba Frontend Developer Career Path. You can access the GitHub repository or visit the live site.

Quizzical
REST APIReactCSS

Quizzical

A trivia game web app 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 app featuring real-time updates, powered by Firebase for seamless dynamic content.

Password Generator
HTMLCSSJavaScript

Password Generator

A custom password generator web app 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.

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

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 →