This page goes over some of my web design and development work I have done during my time at Full Sail University. I centralized my design skills around color palettes that are pleasing to the eye as well as a simple but effective layout. The first 2 projects are created with using React.js as its framework and the 3rd is vanilla JavaScript with Bootstrap as a styling tool. Here are the 3 finished products that I have so far…

Quiz Maker

Quiz Maker is a full-stack application where a user can create public or private quizzes. This application can save quizzes, questions, and choices in a database for the user to pull when needed. As you can see above, you can create, update, and delete any of the quizzes that the user has created.

Skills Used

  • HTML5
  • CSS
  • JavaScript
  • Express
  • React
  • Redux
  • NodeJS
  • PostgreSQL

DnD’Pedia

DnD’Pedia is an encyclopedia that uses a Third Party API to pull the information in detail of different data that is used in Dungeons and Dragons. Within this site, you can see all the Races, Spells, and Monsters within Dungeons and Dragons. You can also search in each category and look at specific details about each selected item. A good example is if looking up the traits of an Elf, you can search for the Elf Race in the Races page and then look at more specific details about the Elf.

Skills Used

  • HTML5
  • CSS
  • Material UI
  • React JavaScript Framework

DnD Social Media

InstaFeed is a Dungeons and Dragons social media app that is a hub for DnD Players. Members can navigate this site that has a front feed page, a messages page, a profile page, and a video page. You can add and delete multiple areas of this site. On the first image you can see a creation of a post from your profile. Once you fill in the input section and press “post”, the post will attach itself to the feed. There is also a videos page that uses an API that pulls certain videos from the Critical Role channel in YouTube.

Skills Used

  • HTML 5
  • CSS (with BootStrap)
  • PropTypes
  • Material UI
  • React JavaScript Framework
  • Fetch API

Mustache Tattoo Parlor

Mustache Tattoo Parlor is a website that I created for a future Tattoo Parlor. This Website centers around a front page, a gallery, and a request appointment page. The Home Page gives the visitor the look of what the tattoo parlor is all about and gives a personal touch with showing a little about the Tattoo Artist. The Gallery shows the Tattoo Artist’s work at his business via collage and slideshow. The Request Appointment page is a contact page for a visitor to send an email to the company requesting an appointment.

Skills Used

  • HTML 5
  • CSS
  • LightBog Plugin
  • JavaScript5 and JavaScript6
  • BootStrap 4
  • Graphic Design with Adobe Illustrator