Erin M. Winking

Full-Stack Web Developer // Visual Storyteller

Erin wearing a mask because I am a good person!

Greetings fellow human, Google AI, and sentient ferrets. I appreciate you taking the time to check out my website and consider hiring me. While I have accepted I won’t be getting a job writing jokes for John Oliver, I am hoping to write code for you. I recently decided to make a career change from television news and being an Emmy winning visual storyteller to my long-time, semi-unrequited love, web development.

I have been creating web content since I graduated high school all the way back in the previous millennium - 1995. From the times when there were only about 9 HTML tags, including the totally not annoying <blink>, I have been putting content online as a hobby. Over the last year, I have been working hard to get up to speed on the current technologies and get myself ready to turn my hobby into a career. In fact, I just recently finished reformatting one of oldest websites into a mobile-first, React based Single-Page Application!

In March, I graduated from Coding Dojo where I finished the bootcamp with a yellow belt in Web Fundamentals, which includes HTML5, CSS3, and JavaScript, and a black belt in Python. Please, have a look at my resume, check out my projects below, my video resume via my YouTube link, and feel free to contact me at [email protected]! Thanks for stopping by!

Full-Stack Web Developer

Front-End Development Back-End Development Database Management
  • HTML5
  • CSS3
  • JavaScript
  • React.js
  • WordPress
  • Git
  • jQuery
  • jQueryUI
  • Responsive Web Design
  • Bootstrap
  • Python
  • Django
  • MySQL
  • SQLite
  • Bcrypt
  • AJAX/APIs
  • Amazon EC2
  • Gunicorn
  • WSGI

I am a pretty quick learner of new technologies and processes! Look forward to putting these skills to work for you!

Video Storyteller & Journalist

Video Photojournalism Video Editing Social Media Newsgathering
  • Videography
  • Audio
  • Studio & Field Lighting
  • Remote News Production
  • Final Cut X
  • iNews
  • Edius
  • Bit Central VMS
  • Bonded Cellular Equipment
  • Adobe Photoshop
  • Interviewing
  • Twitter
  • Deadlines

Just some of the technical skills that I gained over the past 20 years that have helped me grow!

KRK - An Employee BBS & Time Management System

A proof-of-performance project!

KRK (pronounced 'cork') is an employee BBS system that was created to allow employees of a single or multi-location business to communicate with each other, pass along important information, and keep track of employee clock ins and outs.

This is done via the three main functions of the system -

  • Dynamic Posting
  • Event Promotion
  • Time Management System

The Dynamic Posting system runs as a small, localized 'Twitter'-style time line system. Important messages can be stickied, messages can be liked or replied too, and all the posts a user posts can be viewed on the user profile.

The Event Promotion system can be used to make employees aware of events that affect them. Admins can update, delete, and create events.

The Time Management System is a simple system to allow users to clock in with a single click, or by inputing time directly. The system as it is now will then allow you to see the number of hours worked in a single day.

The platform is expandable, and I am still looking to add more features to it to make it more useful as a corporate intranet system. There is a link to the basic documentation in the next column as well as a link to the project where you can create an account or use the test account to explore!

The site has recently undergone a renovation. The UI has been updated. Logic on the backend has been updated as well to help make things flow more smoothly. The database has also been moved over to a PostgreSQL database! It's also been moved to its own domain! How about that!

Live Site | Docs! | GitHub Repo

Technologies Used
  • Python
  • Django
  • JavaScript
  • HTML
  • CSS
  • AJAX
  • jQuery
  • PostgreSQL
Libraries Used
  • Bootstrap
  • Font Awesome
  • Pillow
  • Imagekit
  • DotEnv
  • Crispy Forms
  • BOTO3 / Django-Storages

Screenshot of the project

MyWeek Scheduling System

A Scheduling Application for You & Your Friends!

MyWeek is a scheduling application developed as a group graduation project for Coding Dojo. Myself as well as my cohort Nick Heyland (Project Leader), Jacqui McGowan, and John Oldaker developed the system from scratch, operating on a Django back end and JavaScript heavy front end.

The main purpose of the system is to allow users to -

  • Create and Edit Events
  • Invite On and Off-site Fiends
  • Prep For Events

After registering for an account, the user is able to create an event. This event will be added to the user's schedule and will show up on their calendar. The user can add an address to the event which will show a map of where the event is, thanks to the Mapbox API.

If you have friends using the service you can add them to your friends list making it easy to invite them to your events. If they're not on the service, no problem, you can send them an invitation via email which will invite them to sign up and direct them to the event. The current version of the application does not the ability to add yourself to other people's events, but that will be addressed in a future update.

User's are able to add in a mobile phone number allowing them to get updates and invites to events via SMS. The updates and invites are sent out using the Twillio API, with back end usage of the phonenumbers Python library to maintain E.164 formatting compliance.

The creator of an event can also properly prep for the event as the forecast weather for the event is added to the event page thanks to the Open Weather API. This function is only available if an address is entered. It's visible to all participants. There's also an explore option which allows people to browse all public events. The application is expandable to add more options and features!

Live Site | GitHub Repo

Technologies Used
  • Python
  • Django
  • JavaScript
  • HTML
  • CSS
  • AJAX
  • jQuery
  • SQLite
Libraries Used
  • Font Awesome
  • DotEnv
  • Twillio
  • bcrypt
  • Mapbox
  • Open Weather Map

Screenshot of the project

'Moon Trek' Fan Fiction Site

The story and Wiki(ish) site for the Moon Trek franchise!

Moon Trek is my terrible set of Star Trek/anime crossover fan fiction novels. This Moon Trek website is an upgraded version of the static one that I currently had been using for years!

The site has three main apps that it uses to dynamically provide content to the end user:

  • Moon Trek Stories
  • Moon Trek LCARS
  • Moon Trek Blog

Moon Trek Stories – This is the primary purpose of the site. While the old, static site simply acted as a link farm for users to download TXT and PDF files from my webserver, the stories pages do more now. First, all story data is saved in a PostgreSQL database and is generated on demand by Django. When you go to a story page, you will find the option to read a chapter in your browser, content of which is pulled from the database and served upon demand, or you can download full story PDF or TXT files from a DigitalOcean Space – their version of an S3 Bucket.

The story page also contains links to relevant content from the other two apps.

Moon Trek LCARS – This app is the Wiki(ish) part of the site. LCARS is the Star Trek OS, so I borrowed it as the name of the app that holds data about the Moon Trek characters, places, ships, and dozens of other things no one will care about! Like with the stories, all data is held in the PostgreSQL database till requested, which is when Django builds the page for display to the user. Using the relational database many-to-many models, the app provides links to related stories on all LCARS data!

Moon Trek Blog – The least interesting part are blog posts about the stories. I used to host the system on a Wordpress site a long, long time ago, so I have some related blog posts that I will be adding. As well, authors notes and other diatribes that were included in the stories will be moved into blog posts as the application is built on.

Right now, the application is still missing some 'content', but is functional and online right now!

Live Site | GitHub Repo

Technologies Used
  • Python
  • Django
  • JavaScript
  • HTML
  • CSS
  • AJAX
  • jQuery
  • PostgreSQL
Libraries Used
  • Font Awesome
  • Bootstrap
  • DotEnv
  • Jazzmin
  • TinyMCE
  • Crispy Forms
  • BOTO3 / Django-Storages
  • Pillow

Moon Trek Project Screenshot

CRWN Clothing Website

Proof-of-Performance eCommerce Web Application

In an attempt to further my knowledge and make myself more valuable to employers, I signed up to the Zero To Mastery Academy, a self-paced web and software development platform, and took the React Zero To Mastery course. This web application was the master project of the course.

It is a small online clothing store with an integrated Stripe payment system that makes use of multiple React features, as well as external platforms like the aforementioned Stripe, Firebase’s oauth login system, Firestore NoSQL database, and Redux, just to name a few.

The site is fully functional and would only need a slight adjustment to the payment API to begin accepting real payments. There is a test credit card number listed on the checkout page you can use to test the payment API.

The application is currently being hosted on Heroku’s free tier Dyno, so the site might take a moment to load, but this is only a side effect of the ‘sleep-mode’ on the server and not the code itself. Once it loads for the first time and wakes up, you will find it far quicker and responsive.

Live Site | GitHub Repo

Technologies Used
  • HTML
  • JavaScript
  • CSS
  • REACT
  • FIRESTORE
Libraries Used
  • Google Fonts
  • React Router Dom
  • Redux
  • Redux-Persist
  • Reselect
  • Styled Components
  • Node-Sass
  • lodash.memoize
CRWN Clothing Website Screenshot