Joe Puzzo

I love to build cool Things!

A Little About Myself!

I love robots and I love Javascript! I love them so much I have a youtube channel dedicated to them here. I built and maintain Tesla’s open source form library informed, Informed is an extensive react form library thats easy and fun to use. Im obsessed with simplicity as it makes any system more lean and easier to maintain.

Lets start with something cool!

Informed Example

Here you see a demonstration of informed, a React-based form library I've developed over the years. It makes writing forms super fun and easy!

Color

{
  "dirty": false,
  "values": {
    "color": "red"
  }
}

Look mom! Forms and API calls!

Crypto Calculator

What better way to demonstrate some skills than with a demo! Below is a little crypto calculator. The page first loads the current price of the top cryptocurrencys, then populates the values in a formatted and interactive form!

Whats that? Open Source Code!

❤️Open Source Code

Informed is an extensive, simple, and efficient solution for creating basic to complex forms in React. Its a library I have been working on for years and makes writing forms super fun and easy!

import { Form, Input, Text, Select, Checkbox, Relevant, Debug } from 'informed';
import './style.css';

const onSubmit = ({values}) => {
  window.alert(JSON.stringify(values));
}

export default function App() {
  return (
    <Form onSubmit={onSubmit}>
      <Input name="name" label="Name" placeholder="Joe" />
      <Input name="age" type="number" label="Age" required="Age Required" />
      <Input name="phone" label="Phone" formatter="+1 (###)-###-####" />
      <Select name="car" label="Car" initialValue="ms">
        <option value="ms">Model S</option>
        <option value="m3">Model 3</option>
        <option value="mx">Model X</option>
        <option value="my">Model Y</option>
      </Select>
      <Checkbox name="married" label="Married?" />
      <Relevant when={({ formState }) => formState.values.married}>
        <Input name="spouse" label="Spouse" />
      </Relevant>
      <button type="submit">Submit</button>
      <Debug />
    </Form>
  );
};

I wrote a robot Simulator!

Robot Viewer

Robot viewer is a 6 axis robotic arm Simulator that can be used to control open source robots.

I Run a Robotics Youtube Channel!

Robotjs

@robojs is a channel for showing people how they can get into robotics with hight level programming languages such as javascript. It also aims to show off differnt types of robot arms and educate people on things like kinematics.

Download My Resume