Bio

Hey, welcome to my little corner of the internet. I'm Kai, a former Japanese and Math highschool teacher from Hawaii, and overall lover of all things code. I've been messing around with code since I was 13, when I first discovered modding and basic Python scripting. I have improved since then, working on a range of fullstack projects during my time at university in Japan, and at Lambda School. (Psst, check those projects out here.)

Current focus: JavaScript, GraphQL/Apollo, React/Redux, Material UI
Exploring: Python w/ Machine Learning, C++
Eventually: Unity, Go, Rust

Portfolio

The highlight of my current portfolio, Arq is the cumulative product of a month of work done by my team, which included web designers and iOS developers. Our project was special in that we had to inherit the project from a previous team and add to an already existing codebase. It was not all fun and easy, but having to learn to read another team's code was a valuable experience. Our Front-end was built out of ReactJs, Styled-Components, and Material UI, and our backend was built using a MongoDB database. We connected the two with GraphQL and Apollo.

Our completed project is here! The GitHub repository is here!

The following projects are other team and solo projects written in the last year, from most recent to oldest. Hopefully a progression of skill can be seen, but you be the arbiter of that. :)

Stockly

Role: Team Lead
Front-end: React, Style-Components
Backend: Express, Node.js
DS: Jupyter Notebook, Flask

Pair Me

Lambda Hackathon (1st Place)
Role: Front-End Dev
Front-end: React/Redux
Backend: Express, Node.js

Post-Here

Role: Team Lead (Backend Focus)
Front-end: React, Material UI
Backend: Express, Node.js
DS: Jupyter Notebook, Flask

Kai's Notes

Role: Solo/Front-End
Front-end: React, Material UI
Backend: Express, Node.js

Tipsease

Role: Backend Engineer
Front-end: React/Redux
Backend: Express, Node.js

Progress

Currently, I am particpating in the Pioneer App Challenge, and I will update this with progress over the weeks. I am posting updates in my technical blog, so please check it out here!

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