xav.ie Open in urlscan Pro
2606:4700:3032::ac43:cd06  Public Scan

Form analysis
0 forms found in the DOM

Text Content

You need to enable JavaScript to run this app.
Your browser does not support SVG


XAVIER RUIZ


SOFTWARE DEVELOPER

 * #about_me
 * #projects
 * #doodles

Switch to dark theme


ABOUT ME

Hello! I'm Xavier and I love programming. I am president of BUILDS. I am also
working on the front-ends of BostonHacks and HackBeanpot. My interests include
SVGs & animating them, React, animating with React Spring, Amazon AWS, and
containerizing applications with Docker.

My resumé can be found at /resumé.pdf.

The best way to reach me is via email: xruiz@bu.edu

I also have public LinkedIn and GitHub profiles.


PROJECTS


 * TABBY
   
   Ever wanted pets in your Emacs tab bar? Well with Tabby, now you can! Tabby
   adds virtual pets or GIFs to the Emacs tab bar. It is still a work in
   progress, but it hopes to emulate the Corgi mode that Google Colab and Kaggle
   offers.
   
   ELisp, SVG, GIF
   
   https://github.com/xav-ie/tabby


 * DICHOPTER® PROJECT
   
   The Dichopter® Project aims to provide the user with hardware and software
   tools to help them explore dichoptic vision – that is, two eyed or binocular
   vision where two images are presented to the left and right eye separately.
   The Dichopter Project allows people to expolore 3D vision and perception of
   other physics simulations. I enjoyed this project because it required me to
   learn how to optimize web pages when dealing with lots of content.
   
   JavaScript, GitHub, Progressive Web Apps, Caching, p5.js, Materialize CSS
   
   https://dichopter.com


 * TRAVELANYWHERE
   
   TravelAnywhere is an experiment and study of the travelling salesman problem,
   which is 'What is the most efficient way to go through a group of points of
   interest?'. I experimented with multiple algorithms for this including brute
   force, combinatorial, and genetic! Currently, it is the works to use an
   algorithm proposed in 1983 by Dumas et al.
   
   React, Javascript, Google Maps API
   
   https://github.com/xav-ie/tsp_react


 * BOSTONHACKS.IO WEBSITE
   
   BostonHacks is Boston's largest hackathon of 500+ hackers. I created and
   designed the landing page, SVGs, and animations used in the site. It uses
   Firebase as its backend and is a new project by the BostonHacks team.
   
   Vue, Javascript, SVG, SMIL, Firebase
   
   https://bostonhacks.io


 * BUILDS.CC WEBSITE
   
   BUILDS is a Boston University hackerspace and club that is core to the BU
   Computer Science experience. The site is a simple Create-React-App site I
   built in a couple of days using styled-components, react-spring,
   react-router-dom, and flexbox grid. I had a a lot of fun on this because this
   is the fastest I have been able to make something so substantial.
   
   React, styled-components, react-router-dom, react-spring, Flexbox Grid
   
   https://builds.cc


 * BEAGLENET AWS BACKEND
   
   Beaglenet is a startup aiming to improve the world through occupancy
   monitoring. Founded by my friends and I, we have already gotten contracts
   with Boston University. My role in this project was to connect the monitoring
   devices to the AWS DynamoDB database and get them to properly record the
   desired information through AWS Lambda functions.
   
   Vue, AWS, DynamoDB, Lambda, IOT
   
   https://thebeaglenet.com


ART AND DOODLES


 * SMART ROCKETS
   
   This is an awesome little doodle where the rockets 'learn' to hit the red dot
   through a genetic algorithm. This means every new generation of rockets is
   from the previous version. I score the rockets based on how fit they are, and
   the goal is to hit the red dot in the fastest time possible. The fittest
   rockets are allowed to generate more children with a small amount of mutation
   so that the rockets may evolve to be faster. This is from a YouTube tutorial
   by Dan Shiffman.
   
   JavaScript, p5.js
   
   /projects/smart-rockets


 * MOIRÉ EFFECT
   
   What you are seeing is actually just two sets of horizontal lines being
   rotated. The vertical lines that appear are an optical illusion, the Moiré
   effect.
   
   JavaScript, p5.js
   
   /projects/moire-squares


 * BINARY NUMBERS
   
   I got most of my code following a tutorial by Dan Shiffman. What this does is
   show a binary representation of a number through the dots at the top. The
   decimal representation is in the center. I modified it to respond to mouse
   events so users can shift the binary number left and right. You can also
   enter in a decimal number and it will automatically convert it to binary!
   
   JavaScript, p5.js
   
   /projects/binary-numbers


 * PONG
   
   I remade Pong! This is two player, player one moves with WASD and player two
   moves with the arrow keys.
   
   JavaScript, p5.js
   
   /projects/pong


 * RAYCASTING
   
   Following a tutorial by Professor Dan Shiffman at NYU, I re-created the
   raycasting demo that he created. This is not my original work, but I hope to
   expand on his tutorial in the future and make a small game.
   
   JavaScript, p5.js
   
   /projects/raycasting


SITE MAP

 * About Me
 * Projects
 * Doodles
 * Resumé