--- title: "Hunter Trammell (@trammellwebdev) | Hashnode" description: "Web Developer • Blogger • Tutor. Read the latest articles by Hunter Trammell on Hashnode." url: "https://hashnode.com/@trammellwebdev" --- @trammellwebdev # Hunter Trammell @trammellwebdev · Kansas City · Joined July 2021 Web Developer • Blogger • Tutor [Website](https://huntertrammell.dev/) ### [Introducing opendeck: The open source deck building community](https://trammellwebdev.hashnode.dev/introducing-opendeck-the-open-source-deck-building-community?utm_source=hashnode&utm_medium=feed) This month I decided to participate in the Hashnode x PlanetScale Hackathon and built opendeck, an open source deck building community that facilitates the creation and organization of playable cards. Opendeck has 2 main paths of use, the first allow... 3 min read · [trammellwebdev.hashnode.dev](https://trammellwebdev.hashnode.dev/introducing-opendeck-the-open-source-deck-building-community?utm_source=hashnode&utm_medium=feed) [Jul 26, 2022](https://hashnode.com/posts/introducing-opendeck-the-open-source-deck-building-community/62df5b8f790e138f3d397f74) ### [The beginner's guide to publishing your first package on npm](https://trammellwebdev.hashnode.dev/the-beginners-guide-to-publishing-your-first-package-on-npm?utm_source=hashnode&utm_medium=feed) I remember in the early days of Bootcamp, my instructor shared an npm package that he had created. I was awestruck and thought that must be something only the "big-time" developers can do. I've always wanted to create an npm package but never got aro... 5 min read · [trammellwebdev.hashnode.dev](https://trammellwebdev.hashnode.dev/the-beginners-guide-to-publishing-your-first-package-on-npm?utm_source=hashnode&utm_medium=feed) [Jul 21, 2022](https://hashnode.com/posts/the-beginners-guide-to-publishing-your-first-package-on-npm/62d953a759f0dc59d51efe54) ### [A quick guide on how to strategically use Custom Properties in CSS](https://trammellwebdev.hashnode.dev/a-quick-guide-on-how-to-strategically-use-custom-properties-in-css?utm_source=hashnode&utm_medium=feed) CSS Custom Properties are something I use frequently in my everyday development, but one thing I struggle with is understanding the best practices around them. When is it appropriate to use a CSS Custom Property? I did a bit of research to help solid... 5 min read · [trammellwebdev.hashnode.dev](https://trammellwebdev.hashnode.dev/a-quick-guide-on-how-to-strategically-use-custom-properties-in-css?utm_source=hashnode&utm_medium=feed) [Jul 17, 2022](https://hashnode.com/posts/a-quick-guide-on-how-to-strategically-use-custom-properties-in-css/62d408fcbc2c7a1dc6727e77) ### [How to create a dynamic alert component in React](https://trammellwebdev.hashnode.dev/how-to-create-a-dynamic-alert-component-in-react?utm_source=hashnode&utm_medium=feed) Howdy, it's been a while! I've been hard at work on my Hashnode x PlanetScale Hackathon project and have put a pause on blogging to focus on that. While I can't share what I'm building just yet, I did implement a cool feature I thought would make an ... 6 min read · [trammellwebdev.hashnode.dev](https://trammellwebdev.hashnode.dev/how-to-create-a-dynamic-alert-component-in-react?utm_source=hashnode&utm_medium=feed) [Jul 11, 2022](https://hashnode.com/posts/how-to-create-a-dynamic-alert-component-in-react/62cc13cc222e2fa74e9bcd69) ### [A quick guide to understanding the basics of TypeScript](https://trammellwebdev.hashnode.dev/a-quick-guide-to-understanding-the-basics-of-typescript?utm_source=hashnode&utm_medium=feed) I remember when TypeScript was starting to gain traction and it was one of those things I always wanted to try but never got around to doing it. Fast-forward to when I needed to get familiar with it since we used it at work and purchased a Udemy cour... 6 min read · [trammellwebdev.hashnode.dev](https://trammellwebdev.hashnode.dev/a-quick-guide-to-understanding-the-basics-of-typescript?utm_source=hashnode&utm_medium=feed) [Jul 1, 2022](https://hashnode.com/posts/a-quick-guide-to-understanding-the-basics-of-typescript/62bede3c1f580e1c22663d2d)