For the last 10 years, I've been working as a graphic designer and web developer for a small medical device manufacturer in Scottsdale. I do full-stack development, but my real passion is working with front-end technologies. I love learning new things and marrying the art of design with the logic of code.
Redesign of our company website to launch with a corporate rebranding and new product line. Built with a bespoke WordPress theme using WooCommerce to handle customer supply orders. Features custom Gutenberg blocks in the WordPress admin.
I was the sole designer and developer on this project.
In spite of the negative community reaction to Gutenberg, I loved the idea of the new block editor. Being able to create an admin editing experience that looked 90% the same as the user-facing site was of huge appeal to me. This redesign was the perfect opportunity for me to try it out. I utilized the create-guten-block toolkit and built custom blocks from scratch.
Because I started development right after Gutenberg launched in WordPress core, it was rather difficult finding good documentation and information about creating custom blocks. However, I learned a lot through trial and error and by digging into the source code. Since the Block API is built upon React, this gave me a roundabout introduction to that library (which is something I've been meaning to pick up for a while).
For this redesign, I also wanted to make the site more visually dynamic. I used Vue to sprinkle in interactive components, handle scroll events, and do some basic CSS and SVG animations.
If I were to build this site over again, I might swap Vue with React to reuse some of the code and tooling for the admin editor. But I'd have to weigh that against the advantage that Vue has in size and simplicity for single components.
Overall, this was a blast to work on and a great exercise for learning new skills.
Personal project to create a web app for tracking life totals for a multiplayer card game.
I began this project using AngularJS, but switched earlier on to Vue. I had a project coming up at work that was going to need a robust JS framework. After comparing Angular 4, Vue, and React, I settled on Vue because I liked the coding conventions and single file components. I also used SVG graphics extensively to keep the interface responsive and dynamic.
Personal project to create a web app for analyzing the distribution of cards in a card game.