[

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.
In my spare time I work on building new ergonomic keyboards and various small projects, as well as cooking and spending plenty of quality time with my dog.

Skills


Front End

HTML5

CSS3/SCSS

jQuery

JavaScript

React.js

NextJs

Handlebars.js

Back End

DjangoCMS

Python

SQL

PostgreSQL

MongoDB

Ruby on Rails

Express.js

Tools/Misc.

Shell (bash or zsh)

Git

Linux

Vim

Markdown

Microsoft Office/Equivalents

Portfolio

Formlabs Marketing Site


Live site

Description

As part of the Formlabs Web team, I worked on the project to rebuild the website from the ground up. The site uses a NextJS Front End and DjangoCMS as a background/admin editing interface. I created new functionality to allow editors to create more dynamic and interesting Marketing pages. I also lead the effort to better the accessibility compliance of the site as well as playing a key role in creating a better interface for CMS users to handle internationalization as well as maintaining key points of contact for generating marketing leads.

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.

Contact