Erin Winking

Full Stack Web Developer & Visual Storyteller

Thank you for stopping by!

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 if you'd like to contact me you can use this form through my webdev company, imageone.digital! 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/Axios/APIs
  • Digital Ocean
  • 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
  • Adobe Premier
  • BitCentral VMS
  • Bonded Cellular Equipment
  • Adobe Photoshop
  • Interviewing
  • Social Media Content Creation

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 HTML5 CSS3 Ajax jQuery PostgreSQL

Libraries Used

  • Bootstrap
  • Font Awesome
  • Pillow
  • Imagekit
  • DotEnv
  • Crispy Forms
  • BOTO3 / Django-Storages

KRK Screenshot!

'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, and 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 HTML5 CSS3 Ajax jQuery PostgreSQL

Libraries Used

  • Bootstrap
  • Font Awesome
  • Pillow
  • TinyMCE
  • Jazzmin
  • DotEnv
  • Crispy Forms
  • BOTO3 / Django-Storages

Moon Trek Site 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

ReactJs JavaScript HTML5 CSS3 Firestore

Libraries Used

  • Google Fonts
  • React Router DOM
  • Redux
  • Redux Persist
  • Reselect
  • Styled Components
  • Node-SASS
  • lodash.memoize

CRWN Clothing Site Screenshot!