Michael Petschek

Full stack development with a design oriented background


michael petschek, web developer


With a graphic design and marketing background, I look forward to bringing my understanding of both design and development together to act as a bridge between the two disciplines.


Front End







Back End






Ruby on Rails




Live site


As part of the Formlabs Web and eCommerce team, I worked on the project to rebuild the website from the ground up. The site uses a React Front End and DjangoCMS as a background/admin editing interface. Through the course of this I got to work with a lot of new technologies and build interactive and engaging interfaces for users.

MBTA Train Tracker

Live siteFront End Repo


Currently a front end only application, the MBTA Train Tracker interfaces with the publicly available MBTA API. This API serves data about train lines as well as the vehicles on them. After securing an api key for the service, I set to work in React, first simply displaying the heavy and light rail lines as their own divs. Once that was completed I started to work on finding relevant data. I quickly added the number of trains running on each line as well as any alerts for the different rail lines. Once that was completed, I utilized Leaflet as well as a companion package to adapt it for easier use in react, I created maps for each line that show where trains are on the line and color codes the indicators to a specific direction. Next steps are to allow users to select stops and see roughly how long they can expect to wait to get on a train.


A full stack application for task management. TskTrckr uses Ember.js as a front end JavaScript framework to allow for a live updating interface. Users can create lists and add tasks to them. Completed tasks can be checked off to indicate completion. The back end is handled by a Ruby on Rails API.


This file uploading website was part of a group project. While working on this project I took the role of team lead and took responsibility for time management, planning as well as keeping other team members on track to complete the project in the allotted time. Foxy File uses a JavaScript front end, making heavy use of Handlebars.js, coupled with an express back end that interfaces with Amazon's S3 service to manage uploading of files. The website also includes the ability to make a file public or private.


This movie review website allows users to review films and record their opinions on them. It uses a custom JavaScript front end and a Ruby on Rails back end. It integrates a Javascript package on the front end to avoid users entering bad language.