Cat Mouse

This project started because I wanted to learn Graph Theory and Path Finding Algorithms.

It demonstrates the Traveling Salesman Problem.

This app allows you to create a maze with some rewards for the cat (milk and mouse), the cat will calculate the optimal path to get the milk and the mouse.
Breadth First Search Graph Theory Vue Typescript Mocha Vue Test Utils

Balloon Story

Animation that won 1st place in the Art Submission Contest of VueConf US 2019!

Background and object movement are randomly generated; the app also demonstrates collision physics between the snow flakes and the balloon. Everything was made from scratch using canvas.
Vue Javascript VueConf 2019 1st Place Winner

Disney Music Game!

I'm a big fan of Disney Songs in general, so this project had to happen eventually!

Can you guess the song? This WebApp will randomly select a certain Disney song and, by using YouTube's API, play random parts of that song at random speeds (super slow or super fast).

You have a few seconds to guess, once the time is up, the answer is revealed with a video playing an iconic part of that song.
Youtube API Vue Vuetify Typescript

Mob Programming

An application that simulates a production line.

It is meant to help the user to understand the benefits of mob programming. It allows manual management by drag-and-dropping workers into any workstation. The animation speeds are fully customizable via an intuitive control panel.

The production statistics are shown in the end as a bar chart.
ChartJs Vue Typescript

Game of Life

Conway's Game of Life

A simulation of simple life forms that can either reproduce, die or remain.

I also added a small control panel where the user can change the Frames-per-second and size of grid.
Canvas Algorithms

Dangerous Signs

An Open Data project!

What is the most dangerous STOP sign in the city of Kitchener?

To answer this question I make use of Kitchener's Open data database to combine the information of traffic collisions and stop signs locations, putting it all together into a neatly organized interactive map.
GoogleMaps GeoLocation StreetView Vue Typescript Laravel

Not enough space!

A simple 3D space game.

The player is in control of a spaceship inside a tunnel filled with debris.

Can you dodge the space junk and reach the end of the tunnel ?
Or will your aircraft become part of the debris?
WebGL BabylonJS Typescript

FelipeFlor.com

My personal website. You're looking at it right now!

It was made with Nuxt (server-side rendering), Typescript and Vuetify components. The server was prepared by me, by installing the required resources for a typical LEMP stack server; SSL was achieved with Let's Encrypt (free SSL). The nuxt mini-server runs on a forked pm2 process.
Nuxt Vue Vuetify Typescript SSR deployment