Banking App

Full stack banking application built utilizing the MERN technology stack with a React front end and Mongo database. It is currently very barebones, but it functions! I'm hoping to find the time to make some improvements soon.

project

repository

Eye Movement

This is a project that utilizes HTML, CSS and mostly JavaScript to track and react to mouse movements. This project binds JavaScript events to the DOM. The JavaScript event is triggered by the mouse movement and that is visualized through the DOM by having the eyes follow the movement of the mouse. See the ReadMe file in my repository to check out the future improvements I have planned for this project.

project

repository

Bus Tracker

The project utilizes JavaScript, CSS & HTML to pull real time data from the City of Boston to manipulate the DOM and reflect the bus stops along the route between MIT and Harvard. When you click the "Show stops between MIT and Harvard" button, a map marker will animate through all of the bus stops between the two locations. This map pulls real, live data from the city of Boston in order to reflect these bus stops on the browser. Because I live in Chicago, I plan on expanding upon this project so the viewer can see where a certain bus is within the city in real-time, filtered through a specific bus route. See the ReadMe file in my repository to check out the more in-depth description of how I plan on improving this project.

project

repository

Pacman Generator

Utilizing JavaScript, HTML and CSS I created factory buttons that produce and deploy Pacmen at random directions and velocities through digital time and space. When you click the "add pacman" button, a pacman will appear on the screen at a random position within the top left corner. When you click the "start game" button, the pacmen will start moving at random directions and velocities, rebounding off the bounds of the page. There is much more that I want to do to take this project to the next level, but even being able to write the code that replicates a small feature of this arcade classic is very cool. See the ReadMe file in my repository to check out the future improvements I have planned for this project.

project

repository


(This website is also a good HTML/CSS example)