Profile
A self-driven and highly creative full stack web developer who specializes in front-end development with a history of print and graphic design in marketing and IT environments A very passionate worker who enjoys taking on new challenges and discovering clever and creative solutions to problems. Possesses the visual eye and creative flair of a designer with the analytical mind of an experienced developer.
Some recent technologies I have been working with:
- Drupal 9
- Javascript ES6+
- Vue.js | Vue Petite
- Component Design Systems
- Accessibility
- Cypress End to End testing
- DDEV and Docker Containers
- Linux and SOLR 7
Experience
Senior Web Developer , Technology and Innovation - City of Tampa FL
- Promoted to senior position after 4 years
Drupal website site building, theme work and custom module development
Large scale design system implementation for cross platform projects following city brand guidelines.
Lead developer on Tampa.gov, Tampa Police Intranet and Cities Intranet Drupal sites.
Lead on Migrations from Drupal 7 to Drupal 8/9.
Drupal contributor drupal.org/u/nicholass for issues encountered on City of Tampa projects.
Development of new websites and web applications as well as support for existing applicaitons.
Maintenance of Acquia hosting and monitoring of website performance and health.
Web Coordinator , Marketing - City of St. Petersburg FL
Development and implementation of the City's web site information architecture and hierarchy, digital asset management and feature development.
Web development for in-house agency purposes utilizing server-side programming, databases and graphical reporting methods.
Coordination, development, design and production of creative graphics and art direction for various print and digital media projects for city agencies.
Development and maintenance of social media marketing campaigns and strategies raising brand awareness and engagement.
Creative customer-focused writing for promotional advertising for new media outlets.
Management of website content editor team, online branding style, development and architecture.
Design and maintenance of a large, interactive websites and utilization of commercial art techniques requiring advanced graphic design and computer skills and knowledge.
Application of electronic graphics, logo design, digital photography, and presentation graphics.
Computer technical and troubleshooting assistance.
Online Video production and management with live streaming technologies.
Coordination of new web technologies and practices adoption and deployment according to industry standards.
Graphics/Web Designer - Freelance, Seminole FL
Freelance work for a variety of clients which included photography, animated banner ads, website development, print and digital billboard design and various other forms of digital and print related media.
- Clients have included: The Clever Cup, Bayfront Medical Center, Saturday Morning Market, Suncoast SPCA, Nickel & Nickel Communications, Vintage Ultra Lounge, Dentistry from the Heart, and Billy's Beer Blog.
Things I have Built
Tampa.gov - Cross Platform Design System and Pattern Library
- A Design System and patterns for bootstrap projects which Drupal sites and .NET projects use and extend.
- Complex gulp and Sass workflows with live reloading
- Documentation generated from KSS-Node comment tags
- Custom KSS template with live code editing examples
- HTML partials like headers that can be shared cross platform Drupal/.NET
- Paragraphs such as Buttons, Cards, Jumbotrons, Animated Counters, Timelines, Charts, Interactive Tables.
- CSS Utility Classes for advanced component customization.
Tampa.gov - Editor Improvements
- Complete documentation on editing the site along with tutorial videos, best practices and examples. Inspired by the U.S. Web Design System (USWDS)
- JS improvements in Drupal such as automatic menus, a jumper menu, linked taxonomy terms dropdowns to view arguments to make content maintenance easier.
- Automatic Broken Link Checker using Serverless workers on Drupal page saves.
- JS based content quality checker for common issues like ADA and Accessibility violations, empty headlines in CKEditor, Dev links, poor link text etc.
- Integrated Analytics with easy access for site content maintainers to make data driven decisions.
Tampa.gov - Custom Module Development
Here are some examples of custom modules I have had to develop.
- Custom workflow email notifications
- Vue.js Outage monitor
- Mailchimp integration for automatic email news subscriptions
- Automatic Broken Link Checker using Serverless workers on Drupal page saves.
- Permalinks for all CKEDITOR headlines
- Automatic ADA document scanner for uploaded files
- Custom search spell checking via Bing API
- Custom search module boosting based on Google Analytics page views (surfaces popular content in search)
- Editor improvements such as easy access to analytics and content quality checks
Tampa.gov - Technical Support and Maintenance
- PHP based log file analyser for identifying trends and debugging.
- Strict CSP policies and security testing and hardening of web applications.
- Cypress End to End testing with over 500+ testing points.
- SOLR and search customization including custom boost modules and detailed analytics with search score algorithm for tracking search performance.
Skills
Adobe Creative Suite, PHP, Drupal, Javascript, CSS, SASS, GULP.js, DDEV, DOCKER, Linux, Apache, IIS, SOLR, Vue.js, DevTools, Analytics, Accessibility
Certificates
- National Incident Management System (NIMS) Certified
- Criminal Justice Information Services (CJIS) Certified
Education
- University of South Florida St. Petersburg
- St. Petersburg College
- Seminole High School
Community Engagement
- Drupal Contributor
- Tampa Bay Drupal Users Group - Meetup.com
- Front-end Design - Meetup.com
Side Projects
Side projects are my way of experimenting and learning about new technologies that interest me, while also giving back to anyone who stumbles upon my work 😃
flacoronavirustracker.com
This side project used Github actions to archive Covid API data from FL State. I then could display it as I wanted doing cool stuff like per capita calculations and trends. The state has now shut down the API endpoints so some of the app is now broken. It used Vue.js and was an install able PWA. Got a good amount of traffic from Reddit as well.
floridaschoolgrades.com
This was inspired by my desire to compare local schools for my daughter. The state releases a yearly report in Excel, great data bad format! So I used Gridsome to extract the excel data into graphQL and then dynamically created a website. It has neat feature like using GeoLocation to find the closest schools.
tampa-parks-finder.netlify.app
This was a side project to make a light weight PWA and a bonus was getting it submitted to the Google Playstore as an app. a 54kB app that sorts and filters Tampa Parks. Built with Vue.js, uses emojis instead of icons (to keep the app light) and pretty tricky function to calculate distances between to points that I had to figure out.
Lynda.com Certificates
- Ethical Hacking: Denial of Service
- Visual Studio 2015 Essentials 01: Exploring the Visual Studio Ecosystem
- Visual Studio 2015 Essentials 02: Getting Comfortable with the IDE
- Cloud Computing: The Cloud and DevOps
- Creating Secure PHP Websites
- Visual Studio 2015 Essentials 10: Protecting Your Code Base with Source Control Providers
- Up and Running with AngularJS 1
- AngularJS and WordPress: Building a Single-Page Application
- Drupal 7 Advanced Training
- Fundamentals of Software Version Control
- Web Project Workflows with Gulp.js, Git, and Browserify
- Customer Service Fundamentals
- Drupal 7: Creating and Editing Custom Themes
- Leading a Customer-Centric Culture
- Simplified Drupal Sites with Drush