Payton Whipple

Fullstack Web Developer

About Me

Born and raised in Provo, Utah. I've recently returned from Peru after serving two years as a missionary for The Church of Jesus Christ of Latter Day Saints and I am Looking forward to entering the Web Development industry. I love logic and problem solving and I love to code. Couldn’t be more exited for a long career in Web Development.

My face

Skills

JAVASCRIPT

CSS

HTML

POSTGRESQL

NODE JS

REACT

REDUX

Projects

Login/Auth Screen

User authentication using bcrypt to hash and salt passwords.

Campaign Screen

Allows users to select on of the campaigns with which they are associated as a player or dungeon-master as well as join campaigns or create new ones the UI changes to accomodate mobile users.

Campaign Settings

This screen is conditionaly rendered, for the dungeon-master it allows him to adjust the settings of the campaign such as level limits as well as controling which users have access to the campaign as players for the players it allows them to leave the campaign.

Player Stat Cards

This Screen shows us the cards for characters associated with the user and the campaign & create or import new ones. If you are the dm it shows all the characters associated with the campaign.

Character Sheet

This view shows the character sheet with all of the sections collapsed this sheet allows the dungeon-master to edit all of the minute details included in a character.

Character Sheet (Open)

This shows one of the sections open. These sections contain all of data necissary to play the game.

Dungeon Masters Aid

CSS | HTML | REACT | NODE | POSTGRESQL

  • Personally developed website.
  • Full CRUD web application that allows users to create and administer data for characters from Advanced Dungeons & Dragons.
  • React front-end determines character creation and editing options based on the games rules.
  • SQL database with all of the data needed for character generation.
  • Github Repo: https://github.com/paytonalexanderwhipple/dms_aid
  • Live Site Link

not stack overflow

CSS | HTML | REACT | NODE | POSTGRESQL

  • Developed as a group with Mccoy Nelson and Ryan Huchison.
  • A web app with a FULL CRUD rest api to create, edit, upvote, answer questions and more functionality from the well known website stackoverflow.
  • The React frontend allows users to interact with all of the data displayed by the site.
  • A Postgresql database allows for persistent data.
  • Github Repo: https://github.com/devmtngrouprpn/notStackOverflow
  • Live Site Link

Home Page

The home screen displays diffrent lists of questions based on diffrent filters the search bar in the header allows the user to search the site for questions and tags.

Questions

This view shows many different filters for aggregating the questions such as with out answers, most votes, ect.

Tags

The tags display shows basic data about the tags used to sort and identify questions.

Question Creation

This page allows users to create questions in the system.

Users

This screen displays a summary of the data about the individual users.

Edit

This page shows the edit feature that all questions and answers have.