mul·ti·fac·et·ed

Hello. I'm Patricio.

Senior Fullstack Developer located in the Bay Area.

I'm a passionate problem-solver with a deep love for geometry, a knack for drone flying. I also enjoy riding eletric vehicles of all kind.

I use this site to share my fun side projects, but my design intention is for it be an enjoyable digital art installation.

What's mul·ti·fac·et·ed?

It is a conceptual representation that pays homage to the multi-dimensional nature of reality The end goal is to use the tesselate background in an interactive way to share the different facets of my own multi-dimensionality.

version 0.1.0 -- downloadable image

about me

My first priority in life is cultivating self-awareness,
my second one is playing.

Play has taken many forms for me, building and flying my own drones, 3D printing, riding electrical vehicles of all sorts; but when it comes to the day-to-day playing with product development and code is where it's at for me.

Projects

Fun side projects as a Javascript and Python developer.

Simple checklist

Sometimes you just need something simple.

Persist data between tabs and save your progess with localStorage. At time I just want something really basic to jot a 5 item checklist

Technologies

  • Languages: Typescript
  • UI Library: React
  • App platform: Github pages

Data Brush

On-demand point datasets painted with ease.

Tool that allows you to draw data sets that would be labor intensive to code, select your radius and sample size and draw strokes to generate non-trivial data points. Then just download your data set with corresponding class label.

Technologies

  • Languages: Typescript
  • UI Library: React
  • UI Tools: Material UI
  • State Management: React-Redux
  • App platform: Github pages

Project Memory War 3D DEMO

Memory game built in Unity with a twist.

Building on the memory game concept this 3D version is loaded with effects and a First Person Shooter twist that provides high speed fun

Technologies

  • Framework: Unity
  • Sockets: Photon Engine
  • Platform: POKI

Project MW

Realtime memory game using AI technology and websockets.

Very reactive memory game using webworkers, react-redux, web-sockets, AI and a lot of love. Users can generate profile avatars using Stable Diffusion or OpenAI's DALL-E

Technologies

  • Languages: Javascript
  • UI Library: React ⚛
  • UI Tools: Material UI
  • State Management: React-Redux
  • Real-time: Websockets - Socket I/O
  • Concurrency: Webworkers
  • Database:Mongo Atlas & Redis
  • Generative AI: Stable diffussion & OpenAI's DALL-E
  • App platform: Digital Ocean & Heroku

Mandala

Create mandalas an other symmetical based imagery.

This was a quick fun exploration of the HTML canvas during a flight. The goal was to create something that would allow me to paint mandalas for fun

Technologies

  • Languages: Javascript / HTML / CSS
  • App platform: Github pages

PYLATAM

Conference website for Pycon in Latin America.

This web application allowed us to represent the conference with clean aesthetics, a speaker submission feature that made it easy gather many talk proposals, and a schedule that allowed participants to effectively find their way around. All these led to a sold-out event.

Technologies

  • Languages: Python / Javascript
  • Framework: Django
  • App platform: Divio Cloud

Pattern Maker

Create and animate patterns using sliders.

This responsive web application is a fun experiment on pattern design via a simple UI (using sliders). Coded in vanilla Javascript it leverages query paramenters to support the sharing feature of both, pattern designs and animations. The animation sharing feature employs an encoding logic using a range of the UTF-16 code units.

Technologies

  • Languages: Javascript
  • App platform: Github pages

Wordle Search

Filter worlde solution space interactively.

React app that filters 12,947 elements in realtime. Just start typing and it routes the input to the main text fields, no need to tap on the element to focus on it. This application is fully responsive down to 250 pixels.

Technologies

  • Languages: Javascript
  • UI Library: React ⚛
  • App platform: Heroku

All The Feelz

Emotion wheel web app

In 1980 Robert Plutchik proposed a psychoevolutionary classification approach for general emotional responses. This web app is a way to levereage that theory to classify and record how you feel overtime.

Technologies

  • Languages: Python, Javascript
  • UI Library: Vue
  • Web Framework: Django
  • Database: PostgreSQL
  • App platform: Divio Cloud

Synesthesia

Art installation to emulate synesthesia

An art gallery featuring an art installation component to emulate a synesthetic experience of hearing color. Future work will include more elaborate synth transformations and better styling.

Technologies

  • Languages: Javascript
  • UI Library: React ⚛
  • API: The Metropolitan Art Museum API
  • App platform: Heroku

DOM Invaders

Space invaders emulator using Vanilla JS.

This project is purely written in HTML, CSS and Vanilla JS. The only assets used is a font. I wrote a python script to create the game sprites. It takes as an input a reference image and outputs the corresponding CSS code.
** mouse or crown wheel to move the ship, click or tap to shoot.

Technologies

  • Languages: Javascript
  • App platform: Github pages

Contact

For more information please visit: