UI Dynamic Movement Demo

Github

Ever find yourself wanting to create a dynamic UI in React, with all your components dancing wherever you want them on the screen? This UI demo shows you how to do that using React, Redux and vanilla CSS, no added packages!

Agile Peak

Github

Harken back to simpler times and play a classic text adventure game. Take a break from the stress of life and immerse yourself in a space adventure!

TekTalk

Github

A simple application using MongoDB, GraphQL and React to mimic a twist of TikTok and Reddit!

Book Search Engine

Github

An application to help you plan for your next book (or adventure)!

Note Taker

Github

A simple note taking application.

Budget Tracker

Github

A basic PWA for tracking a budget.

About

Programming has always been a part of my life, but it wasn't until recently that it became my life! Try as I might, but the call of the computer was never far from me.

I got my Bachelors in Stage Management from Brigham Young University, where I spent my college years learning how to most effectively communicate between 2 wildly different personalities within the theatre world. My goal now is to use those skills to create a more immersive and connected experience for anyone that comes accross my work. The more unique the experience, the closer we become as a community.

So keep that smile on your face and let me know how I can help!

View My Resume Here!

Frontend Skills:

  • JavaScript
  • HTML
  • CSS
  • React, Redux
  • jQuery
  • Bootstrap

Backend Skills:

  • RESTful APIs · GraphQL
  • MongoDB · Mongoose
  • MySQL · Sequelize
  • Express · Node.js

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form

>>>>>>> 34b3fe8c6857f877ae3fafd36a18328f03013544