[

Michael Petschek


Full stack development with a design oriented background

]

michael petschek, web developer

About


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.

Skills


Front End

HTML5

CSS3/SCSS

jQuery

JavaScript

Ember.js

Handlebars.js

Back End

SQL

PostgreSQL

MongoDB

Ruby on Rails

Express.js

Portfolio

MBTA Train Tracker


Live siteFront End Repo

Description

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.

Description

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.

Description

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.

Description

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.

Description

This application allows users to register a profile, then play local games of Tic-Tac-Toe. The API records past games and can display a user's history of past games including which player won the game.

Contact