My Picture

About Me

Hi 👋, I'm Colton, a passionate software developer (or as my grandma calls it, "computer coder") from Denver. My hobbies include writing on my blog, playing Xbox, playing fetch with my dog, and dancing.

Click me

I have experience with JavaScript, TypeScript, ReactJS, Next.js, GraphQL, Apollo, HTML/CSS, Ruby, Rails, SQL Databases, Git Version Control, Agile Development, CI/CD, and more.

I hold a Bachelor's of Science in Exercise Science from Arizona State University, as well as a Master's Degree in Sports Administration and Leadership from Seattle University.

I love coding because it gives me a chance to continuously learn and implement new, awesome things. It also provides me with a career where I can always work to improve my craft, be mentored and be a mentor for others, and work/collaborate with other people who are as nerdy as I am. It never gets old.

Due to my experience and education, I bring an analytical systems-driven mindset, diverse knowledge of technologies, strong teamwork/collaboration skills, a growth-based mindset, and problem-solving skills. By the way, check out my awesome work.

ResumeGet to know me more

Work:

AI Powered Travel/Language
Learning App

An AI powered application that allows users to generate personalized exercises to learn any language in the world, generate words and phrases they should be aware of in any location on earth, ask any travel-related question they want to a chatbot, and translate any language into any other language they'd like.

Built using Next.js, React, Typescript, and the OpenAI API. Backend built with GraphQL/Apollo, Prisma, Node.js, and PostgreSQL. Utilizes NextAuth for user authentication/authorization, and GraphQL Codegen for increased type safety, improved developer experience, and consistency.

Live Demo | GitHub

Performance Mapper

Performance Mapper

Gives strength and conditioning coaches a one-stop-shop to record, monitor, and track their teams' and athletes' performance statistics and injuries. As well as visualize key trends in data across their teams and athletes.

It was created with ReactJS and uses NPM, React Router, React ChartJS 2, React Bootstrap, and Material UI. The backend uses Rails as an API, BCrypt, JSON Web Tokens (JWT), PosgreSQL, and Faker.

GitHub Frontend | GitHub Backend

Video Demo

Movie Shelf

Movie Shelf

Enables a user to create their own movie library by accessing a massive database of movies and accessing, deleting, and modifying information as they please.

It was built on ReactJS and utilizes NPM, React Bootstrap, and React Router. The backend uses Rails as an API, PostgreSQL, and the OMDB external API for retrieving movies and their information.

GitHub Frontend | GitHub Backend

Video Demo

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