Jedi Recruitment Page

Screenshot of Rest Country App Homepage

A 2 page star wars inspired mock recruitment site.

Features

  • Design for site taken for Front-end Mentor's Photosnap Project.
  • Fully Responsive
  • Serve Your Republic And Join The Peacekeepers

Built using React and CSS.

Planet Facts

Screenshot of Rest Country App Homepage

A well-designed facts site covering planets Mercury through Neptune. By using the navigation bar, you can easily switch and find general information about any of the planets.

Features

  • An easy to use navbar and 3 points of information for each planet, along with stats at the bottom
  • Using props, which of the pages are separate from one another, allowing for one beautifully made conponent.
  • Finally, fully responsive for tablet and mobile.

Built using React, Next.js, and base CSS.

Todo App

Screenshot of Todo Page

Todo App with colors inspired by the Gryffindor House from Harry Potter.

Features

  • Add todos eaily from the input field
  • Edit any at any time and updates right away
  • Delete any you don't need anymore

Built using React and CSS.

About

A Wrestling fan with passion for coding and problem solving. By working on projects that constantly challenge me and with people FAR smarter than me, Only then will I be able to enact my final plan using the follwing steps.

First, become Bret Hart of programming. Second, become Jim Cornette of Wrestling History. Third and final, Profit. Simple.

I am currently available for hire.

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