Hello, I'm Josh. I'm a front-end developer in Portland. If you need assistance with UI design and React development I can help.

By way of introduction I've made the code for this site available on Github. Have a look and and get in touch via LinkedIn if I can help in any way.

TMDB Movie App

A movie explorer app composed of components listed below using The Movie Database API

Component Examples:

Toggle Component:

Dark Mode switch which will affect the appearance of the components on this site. Click to toggle light and dark modes.

Loader Component:

Animated SVG and Number using a combination of css transitions and Framer Motion.

Click to Simulate.

Name Generator

Fun little widget with a "mission impossible" style text animation.

Gallery Component

Simple gallery component using the Unsplash API. Layout switcher, swipable gallery mode, and search component.

Card Layout Components:

Card components using unsplash api to generate backgrounds. Code on Github is a bit more interesting.

Responsive Grid Layout

Mixing up Grid with Card components with column and row span props for different layouts on different screen sizes (compare with desktop layout to see the differences).

Filler component used to generate the silly titles and dummy text. Useful for developing layout components

Material Color Explorer

Component used in development to explore the Material Design Color Pallete. Click a color to see all variants

rose

900

800

700

600

500

400

300

200

100

pink

hotpink

purple

violet

indigo

blue

lightBlue

cyan

teal

emerald

green

lime

yellow

amber

orange

red

warmGray

trueGray

gray

coolGray

blueGray

SVG Icon Key

SVG Icons used for many of the ui elements above. This component spits out names and Icons for easy reference when developing components.

arrow

badge

bell

bolt

caret

check

chevron

cog

gallery

grid

heart

list

messenger

moon

plus

sun